<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>MyTechBook</title>
        
    <link rel="stylesheet" type="text/css" href="../../static/css/main.css">
</head>
<body>
<div class="navbar navbar-line">
    <div class="container">
        <div class="logo">
            
                MyTechBook
            
        </div>
        <input type="checkbox" id="idoc_nav" />
        <div class="menu_tree">
        <ul><li><a href="../../index.html">首页</a></li><li><a href="#"><span></span>前沿观察</a><ul><li><a href="../../html/前沿观察/ECMAScript 6入门.html">ECMAScript 6入门</a></li><li><a href="../../html/前沿观察/Immutable详解及React中实践.html">Immutable详解及React中实践</a></li><li><a href="../../html/前沿观察/Node.js MVC框架ThinkJS.html">Node.js MVC框架ThinkJS</a></li><li><a href="../../html/前沿观察/Nodejs 5.0.0版本.html">Nodejs 5.0.0版本</a></li><li><a href="../../html/前沿观察/关系型数据库PostgreSQL.html">关系型数据库PostgreSQL</a></li><li><a href="../../html/前沿观察/轻型MVVM框架Vue.js.html">轻型MVVM框架Vue.js</a></li><li><a href="../../html/前沿观察/基于nodejs的开发框架koa.html">基于nodejs的开发框架koa</a></li></ul></li><li><a href="#"><span></span>前端工程化</a><ul><li><a href="../../html/前端工程化/前端模板.html">前端模板</a></li><li><a href="../../html/前端工程化/性能优化和前端工程的爱恨情仇.html">性能优化和前端工程的爱恨情仇</a></li><li><a href="../../html/前端工程化/webpack入门及实践.html">webpack入门及实践</a></li><li><a href="../../html/前端工程化/前端工程化不完全装逼指南.html">前端工程化不完全装逼指南</a></li></ul></li><li><a href="#"><span></span>性能优化</a><ul><li><a href="../../html/性能优化/jshint代码质量检测.html">jshint代码质量检测</a></li><li><a href="../../html/性能优化/jshint配置说明.html">jshint配置说明</a></li><li><a href="../../html/性能优化/NC性能优化.html">NC性能优化</a></li><li><a href="../../html/性能优化/React编码规范.html">React编码规范</a></li><li><a href="../../html/性能优化/性能优化待办事项.html">性能优化待办事项</a></li><li><a href="../../html/性能优化/性能优化点总结.html">性能优化点总结</a></li></ul></li><li><a href="#"><span></span>技术分享</a><ul><li><a href="../../html/技术分享/React技术分享.html">React技术分享</a></li><li><a href="../../html/技术分享/学习Git.html">学习Git</a></li><li><a href="../../html/技术分享/面向对象.html">面向对象</a></li><li><a href="../../html/技术分享/Node.js知识详解.html">Node.js知识详解</a></li><li><a href="../../html/技术分享/2015年大前端技术年终总结.html">2015年大前端技术年终总结</a></li></ul></li><li><a href="#"><span></span>随想笔记</a><ul><li><a href="../../html/随想笔记/项目技术栈规划.html">项目技术栈规划</a></li><li class="active"><a href="../../html/随想笔记/笔试面试大纲.html">笔试面试大纲</a></li></ul></li><li><a href="../../html/CONTACT.html">CONTACT</a></li></ul>    
        </div>
        
        
        <div class="forkgithub"><a target="_blank" href="https://github.com/sujunming">fork on github</a></div>
        

        <section class="idoc_nav_btn">
            <label for="idoc_nav"><span></span></label>
        </section>
    </div>
    
</div>




<div class="container">

    <div class="page-toc">
        <ul><li><a href="#t0前端开发知识点大纲">前端开发知识点大纲</a><ul><li><a href="#t1索引">索引</a></li></ul></li><li><a href="#t2CSS 相关问题">CSS 相关问题</a><ul><li><a href="#t3display:none和visibility:hidden的区别？">display:none和visibility:hidden的区别？</a></li><li><a href="#t4CSS中 link 和@import 的区别是？">CSS中 link 和@import 的区别是？</a></li><li><a href="#t5position的absolute与fixed共同点与不同点">position的absolute与fixed共同点与不同点</a></li><li><a href="#t6介绍一下CSS的盒子模型？">介绍一下CSS的盒子模型？</a></li><li><a href="#t7CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？">CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？</a></li><li><a href="#t8列出display的值，说明他们的作用。position的值， relative和absolute分别是相对于谁进行定位的？">列出display的值，说明他们的作用。position的值， relative和absolute分别是相对于谁进行定位的？</a></li><li><a href="#t9CSS3有哪些新特性？">CSS3有哪些新特性？</a></li><li><a href="#t10为什么要初始化CSS样式。">为什么要初始化CSS样式。</a></li><li><a href="#t11对BFC规范的理解？">对BFC规范的理解？</a></li><li><a href="#t12解释下 CSS sprites，以及你要如何在页面或网站中使用它。">解释下 CSS sprites，以及你要如何在页面或网站中使用它。</a></li></ul></li><li><a href="#t13html部分">html部分</a><ul><li><a href="#t14说说你对语义化的理解？">说说你对语义化的理解？</a></li><li><a href="#t15Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?">Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?</a></li><li><a href="#t16你知道多少种Doctype文档类型？">你知道多少种Doctype文档类型？</a></li><li><a href="#t17常见兼容性问题">常见兼容性问题</a></li><li><a href="#t18解释下浮动和它的工作原理？清除浮动的技巧">解释下浮动和它的工作原理？清除浮动的技巧</a></li><li><a href="#t19浮动元素引起的问题和解决办法？">浮动元素引起的问题和解决办法？</a></li><li><a href="#t20IE 8以下版本的浏览器中的盒模型有什么不同">IE 8以下版本的浏览器中的盒模型有什么不同</a></li><li><a href="#t21DOM操作——怎样添加、移除、移动、复制、创建和查找节点。">DOM操作——怎样添加、移除、移动、复制、创建和查找节点。</a></li><li><a href="#t22html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？">html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？</a></li><li><a href="#t23iframe的优缺点？">iframe的优缺点？</a></li><li><a href="#t24如何实现浏览器内多个标签页之间的通信?">如何实现浏览器内多个标签页之间的通信?</a></li><li><a href="#t25webSocket如何兼容低浏览器？">webSocket如何兼容低浏览器？</a></li><li><a href="#t26线程与进程的区别">线程与进程的区别</a></li><li><a href="#t27你如何对网站的文件和资源进行优化？">你如何对网站的文件和资源进行优化？</a></li><li><a href="#t28请说出三种减少页面加载时间的方法。">请说出三种减少页面加载时间的方法。</a></li><li><a href="#t29你都使用哪些工具来测试代码的性能？">你都使用哪些工具来测试代码的性能？</a></li><li><a href="#t30什么是 FOUC（无样式内容闪烁）？你如何来避免 FOUC？">什么是 FOUC（无样式内容闪烁）？你如何来避免 FOUC？</a></li><li><a href="#t31null和undefined的区别？">null和undefined的区别？</a></li><li><a href="#t32new操作符具体干了什么呢?">new操作符具体干了什么呢?</a></li><li><a href="#t33JSON 的了解？">JSON 的了解？</a></li><li><a href="#t34js延迟加载的方式有哪些？">js延迟加载的方式有哪些？</a></li><li><a href="#t35如何解决跨域问题?">如何解决跨域问题?</a></li><li><a href="#t36documen.write和 innerHTML的区别">documen.write和 innerHTML的区别</a></li><li><a href="#t37.call() 和 .apply() 的区别和作用？">.call() 和 .apply() 的区别和作用？</a></li><li><a href="#t38哪些操作会造成内存泄漏？">哪些操作会造成内存泄漏？</a></li><li><a href="#t39JavaScript中的作用域与变量声明提升？">JavaScript中的作用域与变量声明提升？</a></li><li><a href="#t40如何判断当前脚本运行在浏览器还是node环境中？">如何判断当前脚本运行在浏览器还是node环境中？</a></li></ul></li><li><a href="#t41Javascript综合">Javascript综合</a><ul><li><a href="#t42你有哪些性能优化的方法？">你有哪些性能优化的方法？</a></li><li><a href="#t43http状态码有那些？分别代表是什么意思？">http状态码有那些？分别代表是什么意思？</a></li><li><a href="#t44一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？">一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？</a></li><li><a href="#t45平时如何管理你的项目？">平时如何管理你的项目？</a></li><li><a href="#t46说说最近最流行的一些东西吧？常去哪些网站？">说说最近最流行的一些东西吧？常去哪些网站？</a></li><li><a href="#t47javascript对象的几种创建方式">javascript对象的几种创建方式</a></li><li><a href="#t48javascript继承的6种方法">javascript继承的6种方法</a></li><li><a href="#t49ajax过程">ajax过程</a></li><li><a href="#t50异步加载和延迟加载">异步加载和延迟加载</a></li><li><a href="#t51前端安全问题？">前端安全问题？</a></li><li><a href="#t52ie各版本和chrome可以并行下载多少个资源">ie各版本和chrome可以并行下载多少个资源</a></li><li><a href="#t53javascript里面的继承怎么实现，如何避免原型链上面的对象共享">javascript里面的继承怎么实现，如何避免原型链上面的对象共享</a></li><li><a href="#t54grunt， YUI compressor 和 google clojure用来进行代码压缩的用法。">grunt， YUI compressor 和 google clojure用来进行代码压缩的用法。</a></li><li><a href="#t55Flash、Ajax各自的优缺点，在使用中如何取舍？">Flash、Ajax各自的优缺点，在使用中如何取舍？</a></li><li><a href="#t56请解释一下 JavaScript 的同源策略。">请解释一下 JavaScript 的同源策略。</a></li><li><a href="#t57为什么要有同源限制？">为什么要有同源限制？</a></li><li><a href="#t58什么是 "use strict"; ? 使用它的好处和坏处分别是什么？">什么是 "use strict"; ? 使用它的好处和坏处分别是什么？</a></li><li><a href="#t59GET和POST的区别，何时使用POST？">GET和POST的区别，何时使用POST？</a></li><li><a href="#t60哪些地方会出现css阻塞，哪些地方会出现js阻塞？">哪些地方会出现css阻塞，哪些地方会出现js阻塞？</a></li><li><a href="#t61嵌入JS应该放在什么位置？">嵌入JS应该放在什么位置？</a></li><li><a href="#t62Javascript无阻塞加载具体方式">Javascript无阻塞加载具体方式</a></li><li><a href="#t63闭包相关问题？">闭包相关问题？</a></li><li><a href="#t64js事件处理程序问题？">js事件处理程序问题？</a></li><li><a href="#t65eval是做什么的？">eval是做什么的？</a></li><li><a href="#t66写一个通用的事件侦听器函数?">写一个通用的事件侦听器函数?</a></li><li><a href="#t67Node.js的适用场景？">Node.js的适用场景？</a></li><li><a href="#t68JavaScript原型，原型链 ? 有什么特点？">JavaScript原型，原型链 ? 有什么特点？</a></li><li><a href="#t69页面重构怎么操作？">页面重构怎么操作？</a></li><li><a href="#t70WEB应用从服务器主动推送Data到客户端有那些方式？">WEB应用从服务器主动推送Data到客户端有那些方式？</a></li><li><a href="#t71事件、IE与火狐的事件机制有什么区别？ 如何阻止冒泡？">事件、IE与火狐的事件机制有什么区别？ 如何阻止冒泡？</a></li><li><a href="#t72ajax 是什么?ajax 的交互模型?同步和异步的区别?如何解决跨域问题?">ajax 是什么?ajax 的交互模型?同步和异步的区别?如何解决跨域问题?</a></li><li><a href="#t73js对象的深度克隆">js对象的深度克隆</a></li><li><a href="#t74AMD和CMD 规范的区别？">AMD和CMD 规范的区别？</a></li><li><a href="#t75网站重构的理解？">网站重构的理解？</a></li><li><a href="#t76如何获取UA？">如何获取UA？</a></li><li><a href="#t77js数组去重">js数组去重</a></li><li><a href="#t78HTTP状态码">HTTP状态码</a></li><li><a href="#t79cachecontrol">cachecontrol</a></li><li><a href="#t80js操作获取和设置cookie">js操作获取和设置cookie</a></li><li><a href="#t81请你谈谈Cookie的弊端">请你谈谈Cookie的弊端</a></li><li><a href="#t82优点：极高的扩展性和可用性">优点：极高的扩展性和可用性</a></li><li><a href="#t83缺点：">缺点：</a></li><li><a href="#t84浏览器本地存储">浏览器本地存储</a></li><li><a href="#t85web storage和cookie的区别">web storage和cookie的区别</a></li></ul></li><li><a href="#t86综合理解">综合理解</a><ul><li><a href="#t87你遇到过比较难的技术问题是？你是如何解决的？">你遇到过比较难的技术问题是？你是如何解决的？</a></li><li><a href="#t88常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？">常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？</a></li><li><a href="#t89列举IE 与其他浏览器不一样的特性？">列举IE 与其他浏览器不一样的特性？</a></li><li><a href="#t9099%的网站都需要被重构是那本书上写的？">99%的网站都需要被重构是那本书上写的？</a></li><li><a href="#t91什么叫优雅降级和渐进增强？">什么叫优雅降级和渐进增强？</a></li><li><a href="#t92WEB应用从服务器主动推送Data到客户端有那些方式？">WEB应用从服务器主动推送Data到客户端有那些方式？</a></li><li><a href="#t93对Node的优点和缺点提出了自己的看法？">对Node的优点和缺点提出了自己的看法？</a></li><li><a href="#t94除了前端以外还了解什么其它技术么？你最最厉害的技能是什么？">除了前端以外还了解什么其它技术么？你最最厉害的技能是什么？</a></li><li><a href="#t95你常用的开发工具是什么，为什么？">你常用的开发工具是什么，为什么？</a></li><li><a href="#t96对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？">对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？</a></li><li><a href="#t97你在现在的团队处于什么样的角色，起到了什么明显的作用？">你在现在的团队处于什么样的角色，起到了什么明显的作用？</a></li><li><a href="#t98你认为怎样才是全端工程师（Full Stack developer）？">你认为怎样才是全端工程师（Full Stack developer）？</a></li><li><a href="#t99介绍一个你最得意的作品吧？">介绍一个你最得意的作品吧？</a></li><li><a href="#t100项目中遇到什么问题？如何解决？">项目中遇到什么问题？如何解决？</a></li><li><a href="#t101你的优点是什么？缺点是什么？">你的优点是什么？缺点是什么？</a></li><li><a href="#t102如何管理前端团队?">如何管理前端团队?</a></li><li><a href="#t103最近在学什么？能谈谈你未来3，5年给自己的规划吗？">最近在学什么？能谈谈你未来3，5年给自己的规划吗？</a></li></ul></li></ul>
    </div>
    
    <div class="content markdown-body">
        <h1 id="t0&#x524D;&#x7AEF;&#x5F00;&#x53D1;&#x77E5;&#x8BC6;&#x70B9;&#x5927;&#x7EB2;">&#x524D;&#x7AEF;&#x5F00;&#x53D1;&#x77E5;&#x8BC6;&#x70B9;&#x5927;&#x7EB2; <a href="#t0&#x524D;&#x7AEF;&#x5F00;&#x53D1;&#x77E5;&#x8BC6;&#x70B9;&#x5927;&#x7EB2;"> # </a></h1>
<h2 id="t1&#x7D22;&#x5F15;">&#x7D22;&#x5F15; <a href="#t1&#x7D22;&#x5F15;"> # </a></h2>
<p>HTML&amp;CSS</p>
<blockquote>
<p>&#x5BF9;Web&#x6807;&#x51C6;&#x7684;&#x7406;&#x89E3;&#x3001;&#x6D4F;&#x89C8;&#x5668;&#x5185;&#x6838;&#x5DEE;&#x5F02;&#x3001;&#x517C;&#x5BB9;&#x6027;&#x3001;hack&#x3001;CSS&#x57FA;&#x672C;&#x529F;&#xFF1A;&#x5E03;&#x5C40;&#x3001;&#x76D2;&#x5B50;&#x6A21;&#x578B;&#x3001;&#x9009;&#x62E9;&#x5668;&#x4F18;&#x5148;&#x7EA7;&#x53CA;&#x4F7F;&#x7528;&#x3001;HTML5&#x3001;CSS3&#x3001;&#x79FB;&#x52A8;&#x7AEF;&#x9002;&#x5E94;&#x3002;</p>
</blockquote>
<p> JavaScript</p>
<blockquote>
<p>&#x6570;&#x636E;&#x7C7B;&#x578B;&#x3001;&#x9762;&#x5411;&#x5BF9;&#x8C61;&#x3001;&#x7EE7;&#x627F;&#x3001;&#x95ED;&#x5305;&#x3001;&#x63D2;&#x4EF6;&#x3001;&#x4F5C;&#x7528;&#x57DF;&#x3001;&#x8DE8;&#x57DF;&#x3001;&#x539F;&#x578B;&#x94FE;&#x3001;&#x6A21;&#x5757;&#x5316;&#x3001;&#x81EA;&#x5B9A;&#x4E49;&#x4E8B;&#x4EF6;&#x3001;&#x5185;&#x5B58;&#x6CC4;&#x6F0F;&#x3001;&#x4E8B;&#x4EF6;&#x673A;&#x5236;&#x3001;&#x5F02;&#x6B65;&#x88C5;&#x8F7D;&#x56DE;&#x8C03;&#x3001;&#x6A21;&#x677F;&#x5F15;&#x64CE;&#x3001;Nodejs&#x3001;JSON&#x3001;ajax&#x7B49;&#x3002;</p>
</blockquote>
<p> &#x7EFC;&#x5408;</p>
<blockquote>
<p>HTTP&#x3001;&#x5B89;&#x5168;&#x3001;&#x6B63;&#x5219;&#x3001;&#x4F18;&#x5316;&#x3001;&#x91CD;&#x6784;&#x3001;&#x54CD;&#x5E94;&#x5F0F;&#x3001;&#x79FB;&#x52A8;&#x7AEF;&#x3001;&#x56E2;&#x961F;&#x534F;&#x4F5C;&#x3001;&#x53EF;&#x7EF4;&#x62A4;&#x3001;SEO&#x3001;UED&#x3001;&#x67B6;&#x6784;&#x3001;&#x804C;&#x4E1A;&#x751F;&#x6DAF;</p>
</blockquote>
<h1 id="t2CSS &#x76F8;&#x5173;&#x95EE;&#x9898;">CSS &#x76F8;&#x5173;&#x95EE;&#x9898; <a href="#t2CSS &#x76F8;&#x5173;&#x95EE;&#x9898;"> # </a></h1>
<h3 id="t3display:none&#x548C;visibility:hidden&#x7684;&#x533A;&#x522B;&#xFF1F;">display:none&#x548C;visibility:hidden&#x7684;&#x533A;&#x522B;&#xFF1F; <a href="#t3display:none&#x548C;visibility:hidden&#x7684;&#x533A;&#x522B;&#xFF1F;"> # </a></h3>
<pre><code>display:none  &#x9690;&#x85CF;&#x5BF9;&#x5E94;&#x7684;&#x5143;&#x7D20;&#xFF0C;&#x5728;&#x6587;&#x6863;&#x5E03;&#x5C40;&#x4E2D;&#x4E0D;&#x518D;&#x7ED9;&#x5B83;&#x5206;&#x914D;&#x7A7A;&#x95F4;&#xFF0C;&#x5B83;&#x5404;&#x8FB9;&#x7684;&#x5143;&#x7D20;&#x4F1A;&#x5408;&#x62E2;&#xFF0C;
&#x5C31;&#x5F53;&#x4ED6;&#x4ECE;&#x6765;&#x4E0D;&#x5B58;&#x5728;&#x3002;

visibility:hidden  &#x9690;&#x85CF;&#x5BF9;&#x5E94;&#x7684;&#x5143;&#x7D20;&#xFF0C;&#x4F46;&#x662F;&#x5728;&#x6587;&#x6863;&#x5E03;&#x5C40;&#x4E2D;&#x4ECD;&#x4FDD;&#x7559;&#x539F;&#x6765;&#x7684;&#x7A7A;&#x95F4;&#x3002;
</code></pre><h3 id="t4CSS&#x4E2D; link &#x548C;@import &#x7684;&#x533A;&#x522B;&#x662F;&#xFF1F;">CSS&#x4E2D; link &#x548C;@import &#x7684;&#x533A;&#x522B;&#x662F;&#xFF1F; <a href="#t4CSS&#x4E2D; link &#x548C;@import &#x7684;&#x533A;&#x522B;&#x662F;&#xFF1F;"> # </a></h3>
<pre><code>A&#xFF1A;(1) link&#x5C5E;&#x4E8E;HTML&#x6807;&#x7B7E;&#xFF0C;&#x800C;@import&#x662F;CSS&#x63D0;&#x4F9B;&#x7684;; (2) &#x9875;&#x9762;&#x88AB;&#x52A0;&#x8F7D;&#x7684;&#x65F6;&#xFF0C;link&#x4F1A;&#x540C;&#x65F6;&#x88AB;&#x52A0;&#x8F7D;&#xFF0C;&#x800C;@import&#x5F15;&#x7528;&#x7684;CSS&#x4F1A;&#x7B49;&#x5230;&#x9875;&#x9762;&#x88AB;&#x52A0;&#x8F7D;&#x5B8C;&#x518D;&#x52A0;&#x8F7D;;(3) import&#x53EA;&#x5728;IE5&#x4EE5;&#x4E0A;&#x624D;&#x80FD;&#x8BC6;&#x522B;&#xFF0C;&#x800C;link&#x662F;HTML&#x6807;&#x7B7E;&#xFF0C;&#x65E0;&#x517C;&#x5BB9;&#x95EE;&#x9898;; (4) link&#x65B9;&#x5F0F;&#x7684;&#x6837;&#x5F0F;&#x7684;&#x6743;&#x91CD; &#x9AD8;&#x4E8E;@import&#x7684;&#x6743;&#x91CD;.
</code></pre><h3 id="t5position&#x7684;absolute&#x4E0E;fixed&#x5171;&#x540C;&#x70B9;&#x4E0E;&#x4E0D;&#x540C;&#x70B9;">position&#x7684;absolute&#x4E0E;fixed&#x5171;&#x540C;&#x70B9;&#x4E0E;&#x4E0D;&#x540C;&#x70B9; <a href="#t5position&#x7684;absolute&#x4E0E;fixed&#x5171;&#x540C;&#x70B9;&#x4E0E;&#x4E0D;&#x540C;&#x70B9;"> # </a></h3>
<pre><code>A&#xFF1A;&#x5171;&#x540C;&#x70B9;&#xFF1A;
1.&#x6539;&#x53D8;&#x884C;&#x5185;&#x5143;&#x7D20;&#x7684;&#x5448;&#x73B0;&#x65B9;&#x5F0F;&#xFF0C;display&#x88AB;&#x7F6E;&#x4E3A;block&#xFF1B;2.&#x8BA9;&#x5143;&#x7D20;&#x8131;&#x79BB;&#x666E;&#x901A;&#x6D41;&#xFF0C;&#x4E0D;&#x5360;&#x636E;&#x7A7A;&#x95F4;&#xFF1B;3.&#x9ED8;&#x8BA4;&#x4F1A;&#x8986;&#x76D6;&#x5230;&#x975E;&#x5B9A;&#x4F4D;&#x5143;&#x7D20;&#x4E0A;

B&#x4E0D;&#x540C;&#x70B9;&#xFF1A;
absolute&#x7684;&#x201D;&#x6839;&#x5143;&#x7D20;&#x201C;&#x662F;&#x53EF;&#x4EE5;&#x8BBE;&#x7F6E;&#x7684;&#xFF0C;&#x800C;fixed&#x7684;&#x201D;&#x6839;&#x5143;&#x7D20;&#x201C;&#x56FA;&#x5B9A;&#x4E3A;&#x6D4F;&#x89C8;&#x5668;&#x7A97;&#x53E3;&#x3002;&#x5F53;&#x4F60;&#x6EDA;&#x52A8;&#x7F51;&#x9875;&#xFF0C;fixed&#x5143;&#x7D20;&#x4E0E;&#x6D4F;&#x89C8;&#x5668;&#x7A97;&#x53E3;&#x4E4B;&#x95F4;&#x7684;&#x8DDD;&#x79BB;&#x662F;&#x4E0D;&#x53D8;&#x7684;&#x3002;
</code></pre><h3 id="t6&#x4ECB;&#x7ECD;&#x4E00;&#x4E0B;CSS&#x7684;&#x76D2;&#x5B50;&#x6A21;&#x578B;&#xFF1F;">&#x4ECB;&#x7ECD;&#x4E00;&#x4E0B;CSS&#x7684;&#x76D2;&#x5B50;&#x6A21;&#x578B;&#xFF1F; <a href="#t6&#x4ECB;&#x7ECD;&#x4E00;&#x4E0B;CSS&#x7684;&#x76D2;&#x5B50;&#x6A21;&#x578B;&#xFF1F;"> # </a></h3>
<pre><code>1&#xFF09;&#x6709;&#x4E24;&#x79CD;&#xFF0C; IE &#x76D2;&#x5B50;&#x6A21;&#x578B;&#x3001;&#x6807;&#x51C6; W3C &#x76D2;&#x5B50;&#x6A21;&#x578B;&#xFF1B;IE&#x7684;content&#x90E8;&#x5206;&#x5305;&#x542B;&#x4E86; border &#x548C; pading;

2&#xFF09;&#x76D2;&#x6A21;&#x578B;&#xFF1A; &#x5185;&#x5BB9;(content)&#x3001;&#x586B;&#x5145;(padding)&#x3001;&#x8FB9;&#x754C;(margin)&#x3001; &#x8FB9;&#x6846;(border).
</code></pre><h3 id="t7CSS &#x9009;&#x62E9;&#x7B26;&#x6709;&#x54EA;&#x4E9B;&#xFF1F;&#x54EA;&#x4E9B;&#x5C5E;&#x6027;&#x53EF;&#x4EE5;&#x7EE7;&#x627F;&#xFF1F;&#x4F18;&#x5148;&#x7EA7;&#x7B97;&#x6CD5;&#x5982;&#x4F55;&#x8BA1;&#x7B97;&#xFF1F; CSS3&#x65B0;&#x589E;&#x4F2A;&#x7C7B;&#x6709;&#x90A3;&#x4E9B;&#xFF1F;">CSS &#x9009;&#x62E9;&#x7B26;&#x6709;&#x54EA;&#x4E9B;&#xFF1F;&#x54EA;&#x4E9B;&#x5C5E;&#x6027;&#x53EF;&#x4EE5;&#x7EE7;&#x627F;&#xFF1F;&#x4F18;&#x5148;&#x7EA7;&#x7B97;&#x6CD5;&#x5982;&#x4F55;&#x8BA1;&#x7B97;&#xFF1F; CSS3&#x65B0;&#x589E;&#x4F2A;&#x7C7B;&#x6709;&#x90A3;&#x4E9B;&#xFF1F; <a href="#t7CSS &#x9009;&#x62E9;&#x7B26;&#x6709;&#x54EA;&#x4E9B;&#xFF1F;&#x54EA;&#x4E9B;&#x5C5E;&#x6027;&#x53EF;&#x4EE5;&#x7EE7;&#x627F;&#xFF1F;&#x4F18;&#x5148;&#x7EA7;&#x7B97;&#x6CD5;&#x5982;&#x4F55;&#x8BA1;&#x7B97;&#xFF1F; CSS3&#x65B0;&#x589E;&#x4F2A;&#x7C7B;&#x6709;&#x90A3;&#x4E9B;&#xFF1F;"> # </a></h3>
<pre><code>   *   1.id&#x9009;&#x62E9;&#x5668;&#xFF08; # myid&#xFF09;
        2.&#x7C7B;&#x9009;&#x62E9;&#x5668;&#xFF08;.myclassname&#xFF09;
        3.&#x6807;&#x7B7E;&#x9009;&#x62E9;&#x5668;&#xFF08;div, h1, p&#xFF09;
        4.&#x76F8;&#x90BB;&#x9009;&#x62E9;&#x5668;&#xFF08;h1 + p&#xFF09;
        5.&#x5B50;&#x9009;&#x62E9;&#x5668;&#xFF08;ul &gt; li&#xFF09;
        6.&#x540E;&#x4EE3;&#x9009;&#x62E9;&#x5668;&#xFF08;li a&#xFF09;
        7.&#x901A;&#x914D;&#x7B26;&#x9009;&#x62E9;&#x5668;&#xFF08; * &#xFF09;
        8.&#x5C5E;&#x6027;&#x9009;&#x62E9;&#x5668;&#xFF08;a[rel = &quot;external&quot;]&#xFF09;
        9.&#x4F2A;&#x7C7B;&#x9009;&#x62E9;&#x5668;&#xFF08;a: hover, li:nthchild&#xFF09;

    *   &#x53EF;&#x7EE7;&#x627F;&#x7684;&#x6837;&#x5F0F;&#xFF1A; fontsize fontfamily color, textindent;

    *   &#x4E0D;&#x53EF;&#x7EE7;&#x627F;&#x7684;&#x6837;&#x5F0F;&#xFF1A;border padding margin width height ;

    *   &#x4F18;&#x5148;&#x7EA7;&#x5C31;&#x8FD1;&#x539F;&#x5219;&#xFF0C;&#x540C;&#x6743;&#x91CD;&#x60C5;&#x51B5;&#x4E0B;&#x6837;&#x5F0F;&#x5B9A;&#x4E49;&#x6700;&#x8FD1;&#x8005;&#x4E3A;&#x51C6;;

    *   &#x8F7D;&#x5165;&#x6837;&#x5F0F;&#x4EE5;&#x6700;&#x540E;&#x8F7D;&#x5165;&#x7684;&#x5B9A;&#x4F4D;&#x4E3A;&#x51C6;;

&#x4F18;&#x5148;&#x7EA7;&#x4E3A;:


   !important &gt;  id &gt; class &gt; tag

   important &#x6BD4; &#x5185;&#x8054;&#x4F18;&#x5148;&#x7EA7;&#x9AD8;,&#x4F46;&#x5185;&#x8054;&#x6BD4; id &#x8981;&#x9AD8;

CSS3&#x65B0;&#x589E;&#x4F2A;&#x7C7B;&#x4E3E;&#x4F8B;&#xFF1A;


p:firstoftype &#x9009;&#x62E9;&#x5C5E;&#x4E8E;&#x5176;&#x7236;&#x5143;&#x7D20;&#x7684;&#x9996;&#x4E2A; &lt;p&gt; &#x5143;&#x7D20;&#x7684;&#x6BCF;&#x4E2A; &lt;p&gt; &#x5143;&#x7D20;&#x3002;
p:lastoftype  &#x9009;&#x62E9;&#x5C5E;&#x4E8E;&#x5176;&#x7236;&#x5143;&#x7D20;&#x7684;&#x6700;&#x540E; &lt;p&gt; &#x5143;&#x7D20;&#x7684;&#x6BCF;&#x4E2A; &lt;p&gt; &#x5143;&#x7D20;&#x3002;
p:onlyoftype  &#x9009;&#x62E9;&#x5C5E;&#x4E8E;&#x5176;&#x7236;&#x5143;&#x7D20;&#x552F;&#x4E00;&#x7684; &lt;p&gt; &#x5143;&#x7D20;&#x7684;&#x6BCF;&#x4E2A; &lt;p&gt; &#x5143;&#x7D20;&#x3002;
p:onlychild    &#x9009;&#x62E9;&#x5C5E;&#x4E8E;&#x5176;&#x7236;&#x5143;&#x7D20;&#x7684;&#x552F;&#x4E00;&#x5B50;&#x5143;&#x7D20;&#x7684;&#x6BCF;&#x4E2A; &lt;p&gt; &#x5143;&#x7D20;&#x3002;
p:nthchild(2)  &#x9009;&#x62E9;&#x5C5E;&#x4E8E;&#x5176;&#x7236;&#x5143;&#x7D20;&#x7684;&#x7B2C;&#x4E8C;&#x4E2A;&#x5B50;&#x5143;&#x7D20;&#x7684;&#x6BCF;&#x4E2A; &lt;p&gt; &#x5143;&#x7D20;&#x3002;
:enabled  :disabled &#x63A7;&#x5236;&#x8868;&#x5355;&#x63A7;&#x4EF6;&#x7684;&#x7981;&#x7528;&#x72B6;&#x6001;&#x3002;
:checked        &#x5355;&#x9009;&#x6846;&#x6216;&#x590D;&#x9009;&#x6846;&#x88AB;&#x9009;&#x4E2D;&#x3002;
</code></pre><h3 id="t8&#x5217;&#x51FA;display&#x7684;&#x503C;&#xFF0C;&#x8BF4;&#x660E;&#x4ED6;&#x4EEC;&#x7684;&#x4F5C;&#x7528;&#x3002;position&#x7684;&#x503C;&#xFF0C; relative&#x548C;absolute&#x5206;&#x522B;&#x662F;&#x76F8;&#x5BF9;&#x4E8E;&#x8C01;&#x8FDB;&#x884C;&#x5B9A;&#x4F4D;&#x7684;&#xFF1F;">&#x5217;&#x51FA;display&#x7684;&#x503C;&#xFF0C;&#x8BF4;&#x660E;&#x4ED6;&#x4EEC;&#x7684;&#x4F5C;&#x7528;&#x3002;position&#x7684;&#x503C;&#xFF0C; relative&#x548C;absolute&#x5206;&#x522B;&#x662F;&#x76F8;&#x5BF9;&#x4E8E;&#x8C01;&#x8FDB;&#x884C;&#x5B9A;&#x4F4D;&#x7684;&#xFF1F; <a href="#t8&#x5217;&#x51FA;display&#x7684;&#x503C;&#xFF0C;&#x8BF4;&#x660E;&#x4ED6;&#x4EEC;&#x7684;&#x4F5C;&#x7528;&#x3002;position&#x7684;&#x503C;&#xFF0C; relative&#x548C;absolute&#x5206;&#x522B;&#x662F;&#x76F8;&#x5BF9;&#x4E8E;&#x8C01;&#x8FDB;&#x884C;&#x5B9A;&#x4F4D;&#x7684;&#xFF1F;"> # </a></h3>
<pre><code>1.
  block &#x8C61;&#x5757;&#x7C7B;&#x578B;&#x5143;&#x7D20;&#x4E00;&#x6837;&#x663E;&#x793A;&#x3002;
  inline &#x7F3A;&#x7701;&#x503C;&#x3002;&#x8C61;&#x884C;&#x5185;&#x5143;&#x7D20;&#x7C7B;&#x578B;&#x4E00;&#x6837;&#x663E;&#x793A;&#x3002;
  inlineblock &#x8C61;&#x884C;&#x5185;&#x5143;&#x7D20;&#x4E00;&#x6837;&#x663E;&#x793A;&#xFF0C;&#x4F46;&#x5176;&#x5185;&#x5BB9;&#x8C61;&#x5757;&#x7C7B;&#x578B;&#x5143;&#x7D20;&#x4E00;&#x6837;&#x663E;&#x793A;&#x3002;
  listitem &#x8C61;&#x5757;&#x7C7B;&#x578B;&#x5143;&#x7D20;&#x4E00;&#x6837;&#x663E;&#x793A;&#xFF0C;&#x5E76;&#x6DFB;&#x52A0;&#x6837;&#x5F0F;&#x5217;&#x8868;&#x6807;&#x8BB0;&#x3002;

  2.
  *absolute
        &#x751F;&#x6210;&#x7EDD;&#x5BF9;&#x5B9A;&#x4F4D;&#x7684;&#x5143;&#x7D20;&#xFF0C;&#x76F8;&#x5BF9;&#x4E8E; static &#x5B9A;&#x4F4D;&#x4EE5;&#x5916;&#x7684;&#x7B2C;&#x4E00;&#x4E2A;&#x7956;&#x5148;&#x5143;&#x7D20;&#x8FDB;&#x884C;&#x5B9A;&#x4F4D;&#x3002;

  *fixed &#xFF08;&#x8001;IE&#x4E0D;&#x652F;&#x6301;&#xFF09;
        &#x751F;&#x6210;&#x7EDD;&#x5BF9;&#x5B9A;&#x4F4D;&#x7684;&#x5143;&#x7D20;&#xFF0C;&#x76F8;&#x5BF9;&#x4E8E;&#x6D4F;&#x89C8;&#x5668;&#x7A97;&#x53E3;&#x8FDB;&#x884C;&#x5B9A;&#x4F4D;&#x3002;

  *relative
        &#x751F;&#x6210;&#x76F8;&#x5BF9;&#x5B9A;&#x4F4D;&#x7684;&#x5143;&#x7D20;&#xFF0C;&#x76F8;&#x5BF9;&#x4E8E;&#x5176;&#x5728;&#x666E;&#x901A;&#x6D41;&#x4E2D;&#x7684;&#x4F4D;&#x7F6E;&#x8FDB;&#x884C;&#x5B9A;&#x4F4D;&#x3002;

  * static  &#x9ED8;&#x8BA4;&#x503C;&#x3002;&#x6CA1;&#x6709;&#x5B9A;&#x4F4D;&#xFF0C;&#x5143;&#x7D20;&#x51FA;&#x73B0;&#x5728;&#x6B63;&#x5E38;&#x7684;&#x6D41;&#x4E2D;
  *&#xFF08;&#x5FFD;&#x7565; top, bottom, left, right zindex &#x58F0;&#x660E;&#xFF09;&#x3002;

  * inherit &#x89C4;&#x5B9A;&#x4ECE;&#x7236;&#x5143;&#x7D20;&#x7EE7;&#x627F; position &#x5C5E;&#x6027;&#x7684;&#x503C;&#x3002;
</code></pre><h3 id="t9CSS3&#x6709;&#x54EA;&#x4E9B;&#x65B0;&#x7279;&#x6027;&#xFF1F;">CSS3&#x6709;&#x54EA;&#x4E9B;&#x65B0;&#x7279;&#x6027;&#xFF1F; <a href="#t9CSS3&#x6709;&#x54EA;&#x4E9B;&#x65B0;&#x7279;&#x6027;&#xFF1F;"> # </a></h3>
<pre><code>CSS3&#x5B9E;&#x73B0;&#x5706;&#x89D2;&#xFF08;borderradius&#xFF09;&#xFF0C;&#x9634;&#x5F71;&#xFF08;boxshadow&#xFF09;&#xFF0C;
&#x5BF9;&#x6587;&#x5B57;&#x52A0;&#x7279;&#x6548;&#xFF08;textshadow&#x3001;&#xFF09;&#xFF0C;&#x7EBF;&#x6027;&#x6E10;&#x53D8;&#xFF08;gradient&#xFF09;&#xFF0C;&#x65CB;&#x8F6C;&#xFF08;transform&#xFF09;
transform:rotate(9deg) scale(0.85,0.90) translate(0px,30px) skew(9deg,0deg);//&#x65CB;&#x8F6C;,&#x7F29;&#x653E;,&#x5B9A;&#x4F4D;,&#x503E;&#x659C;
&#x589E;&#x52A0;&#x4E86;&#x66F4;&#x591A;&#x7684;CSS&#x9009;&#x62E9;&#x5668;  &#x591A;&#x80CC;&#x666F; rgba
&#x5728;CSS3&#x4E2D;&#x552F;&#x4E00;&#x5F15;&#x5165;&#x7684;&#x4F2A;&#x5143;&#x7D20;&#x662F;::selection.
&#x5A92;&#x4F53;&#x67E5;&#x8BE2;&#xFF0C;&#x591A;&#x680F;&#x5E03;&#x5C40;
borderimage
</code></pre><h3 id="t10&#x4E3A;&#x4EC0;&#x4E48;&#x8981;&#x521D;&#x59CB;&#x5316;CSS&#x6837;&#x5F0F;&#x3002;">&#x4E3A;&#x4EC0;&#x4E48;&#x8981;&#x521D;&#x59CB;&#x5316;CSS&#x6837;&#x5F0F;&#x3002; <a href="#t10&#x4E3A;&#x4EC0;&#x4E48;&#x8981;&#x521D;&#x59CB;&#x5316;CSS&#x6837;&#x5F0F;&#x3002;"> # </a></h3>
<pre><code>    &#x56E0;&#x4E3A;&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x517C;&#x5BB9;&#x95EE;&#x9898;&#xFF0C;&#x4E0D;&#x540C;&#x6D4F;&#x89C8;&#x5668;&#x5BF9;&#x6709;&#x4E9B;&#x6807;&#x7B7E;&#x7684;&#x9ED8;&#x8BA4;&#x503C;&#x662F;&#x4E0D;&#x540C;&#x7684;&#xFF0C;&#x5982;&#x679C;&#x6CA1;&#x5BF9;CSS&#x521D;&#x59CB;&#x5316;&#x5F80;&#x5F80;&#x4F1A;&#x51FA;&#x73B0;&#x6D4F;&#x89C8;&#x5668;&#x4E4B;&#x95F4;&#x7684;&#x9875;&#x9762;&#x663E;&#x793A;&#x5DEE;&#x5F02;&#x3002;

    &#x5F53;&#x7136;&#xFF0C;&#x521D;&#x59CB;&#x5316;&#x6837;&#x5F0F;&#x4F1A;&#x5BF9;SEO&#x6709;&#x4E00;&#x5B9A;&#x7684;&#x5F71;&#x54CD;&#xFF0C;&#x4F46;&#x9C7C;&#x548C;&#x718A;&#x638C;&#x4E0D;&#x53EF;&#x517C;&#x5F97;&#xFF0C;&#x4F46;&#x529B;&#x6C42;&#x5F71;&#x54CD;&#x6700;&#x5C0F;&#x7684;&#x60C5;&#x51B5;&#x4E0B;&#x521D;&#x59CB;&#x5316;&#x3002;

* &#x6700;&#x7B80;&#x5355;&#x7684;&#x521D;&#x59CB;&#x5316;&#x65B9;&#x6CD5;&#x5C31;&#x662F;&#xFF1A; * {padding: 0; margin: 0;} &#xFF08;&#x4E0D;&#x5EFA;&#x8BAE;&#xFF09;

    &#x6DD8;&#x5B9D;&#x7684;&#x6837;&#x5F0F;&#x521D;&#x59CB;&#x5316;&#xFF1A;
    body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
    body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
    h1, h2, h3, h4, h5, h6{ fontsize:100%; }
    address, cite, dfn, em, var { fontstyle:normal; }
    code, kbd, pre, samp { fontfamily:couriernew, courier, monospace; }
    small{ fontsize:12px; }
    ul, ol { liststyle:none; }
    a { textdecoration:none; }
    a:hover { textdecoration:underline; }
    sup { verticalalign:texttop; }
    sub{ verticalalign:textbottom; }
    legend { color:#000; }
    fieldset, img { border:0; }
    button, input, select, textarea { fontsize:100%; }
    table { bordercollapse:collapse; borderspacing:0; }
</code></pre><h3 id="t11&#x5BF9;BFC&#x89C4;&#x8303;&#x7684;&#x7406;&#x89E3;&#xFF1F;">&#x5BF9;BFC&#x89C4;&#x8303;&#x7684;&#x7406;&#x89E3;&#xFF1F; <a href="#t11&#x5BF9;BFC&#x89C4;&#x8303;&#x7684;&#x7406;&#x89E3;&#xFF1F;"> # </a></h3>
<pre><code>      BFC&#xFF0C;&#x5757;&#x7EA7;&#x683C;&#x5F0F;&#x5316;&#x4E0A;&#x4E0B;&#x6587;&#xFF0C;&#x4E00;&#x4E2A;&#x521B;&#x5EFA;&#x4E86;&#x65B0;&#x7684;BFC&#x7684;&#x76D2;&#x5B50;&#x662F;&#x72EC;&#x7ACB;&#x5E03;&#x5C40;&#x7684;&#xFF0C;&#x76D2;&#x5B50;&#x91CC;&#x9762;&#x7684;&#x5B50;&#x5143;&#x7D20;&#x7684;&#x6837;&#x5F0F;&#x4E0D;&#x4F1A;&#x5F71;&#x54CD;&#x5230;&#x5916;&#x9762;&#x7684;&#x5143;&#x7D20;&#x3002;&#x5728;&#x540C;&#x4E00;&#x4E2A;BFC&#x4E2D;&#x7684;&#x4E24;&#x4E2A;&#x6BD7;&#x90BB;&#x7684;&#x5757;&#x7EA7;&#x76D2;&#x5728;&#x5782;&#x76F4;&#x65B9;&#x5411;&#xFF08;&#x548C;&#x5E03;&#x5C40;&#x65B9;&#x5411;&#x6709;&#x5173;&#x7CFB;&#xFF09;&#x7684;margin&#x4F1A;&#x53D1;&#x751F;&#x6298;&#x53E0;&#x3002;
    &#xFF08;W3C CSS 2.1 &#x89C4;&#x8303;&#x4E2D;&#x7684;&#x4E00;&#x4E2A;&#x6982;&#x5FF5;&#xFF0C;&#x5B83;&#x51B3;&#x5B9A;&#x4E86;&#x5143;&#x7D20;&#x5982;&#x4F55;&#x5BF9;&#x5176;&#x5185;&#x5BB9;&#x8FDB;&#x884C;&#x5E03;&#x5C40;&#xFF0C;&#x4EE5;&#x53CA;&#x4E0E;&#x5176;&#x4ED6;&#x5143;&#x7D20;&#x7684;&#x5173;&#x7CFB;&#x548C;&#x76F8;&#x4E92;&#x4F5C;&#x7528;&#x3002;&#xFF09;
</code></pre><h3 id="t12&#x89E3;&#x91CA;&#x4E0B; CSS sprites&#xFF0C;&#x4EE5;&#x53CA;&#x4F60;&#x8981;&#x5982;&#x4F55;&#x5728;&#x9875;&#x9762;&#x6216;&#x7F51;&#x7AD9;&#x4E2D;&#x4F7F;&#x7528;&#x5B83;&#x3002;">&#x89E3;&#x91CA;&#x4E0B; CSS sprites&#xFF0C;&#x4EE5;&#x53CA;&#x4F60;&#x8981;&#x5982;&#x4F55;&#x5728;&#x9875;&#x9762;&#x6216;&#x7F51;&#x7AD9;&#x4E2D;&#x4F7F;&#x7528;&#x5B83;&#x3002; <a href="#t12&#x89E3;&#x91CA;&#x4E0B; CSS sprites&#xFF0C;&#x4EE5;&#x53CA;&#x4F60;&#x8981;&#x5982;&#x4F55;&#x5728;&#x9875;&#x9762;&#x6216;&#x7F51;&#x7AD9;&#x4E2D;&#x4F7F;&#x7528;&#x5B83;&#x3002;"> # </a></h3>
<pre><code>CSS Sprites&#x5176;&#x5B9E;&#x5C31;&#x662F;&#x628A;&#x7F51;&#x9875;&#x4E2D;&#x4E00;&#x4E9B;&#x80CC;&#x666F;&#x56FE;&#x7247;&#x6574;&#x5408;&#x5230;&#x4E00;&#x5F20;&#x56FE;&#x7247;&#x6587;&#x4EF6;&#x4E2D;&#xFF0C;&#x518D;&#x5229;&#x7528;CSS&#x7684;&#x201C;backgroundimage&#x201D;&#xFF0C;&#x201C;background repeat&#x201D;&#xFF0C;&#x201C;backgroundposition&#x201D;&#x7684;&#x7EC4;&#x5408;&#x8FDB;&#x884C;&#x80CC;&#x666F;&#x5B9A;&#x4F4D;&#xFF0C;backgroundposition&#x53EF;&#x4EE5;&#x7528;&#x6570;&#x5B57;&#x80FD;&#x7CBE;&#x786E;&#x7684;&#x5B9A;&#x4F4D;&#x51FA;&#x80CC;&#x666F;&#x56FE;&#x7247;&#x7684;&#x4F4D;&#x7F6E;&#x3002;&#x8FD9;&#x6837;&#x53EF;&#x4EE5;&#x51CF;&#x5C11;&#x5F88;&#x591A;&#x56FE;&#x7247;&#x8BF7;&#x6C42;&#x7684;&#x5F00;&#x9500;&#xFF0C;&#x56E0;&#x4E3A;&#x8BF7;&#x6C42;&#x8017;&#x65F6;&#x6BD4;&#x8F83;&#x957F;&#xFF1B;&#x8BF7;&#x6C42;&#x867D;&#x7136;&#x53EF;&#x4EE5;&#x5E76;&#x53D1;&#xFF0C;&#x4F46;&#x662F;&#x4E5F;&#x6709;&#x9650;&#x5236;&#xFF0C;&#x4E00;&#x822C;&#x6D4F;&#x89C8;&#x5668;&#x90FD;&#x662F;6&#x4E2A;&#x3002;&#x5BF9;&#x4E8E;&#x672A;&#x6765;&#x800C;&#x8A00;&#xFF0C;&#x5C31;&#x4E0D;&#x9700;&#x8981;&#x8FD9;&#x6837;&#x505A;&#x4E86;&#xFF0C;&#x56E0;&#x4E3A;&#x6709;&#x4E86;`http2`&#x3002;
</code></pre><h1 id="t13html&#x90E8;&#x5206;">html&#x90E8;&#x5206; <a href="#t13html&#x90E8;&#x5206;"> # </a></h1>
<h3 id="t14&#x8BF4;&#x8BF4;&#x4F60;&#x5BF9;&#x8BED;&#x4E49;&#x5316;&#x7684;&#x7406;&#x89E3;&#xFF1F;">&#x8BF4;&#x8BF4;&#x4F60;&#x5BF9;&#x8BED;&#x4E49;&#x5316;&#x7684;&#x7406;&#x89E3;&#xFF1F; <a href="#t14&#x8BF4;&#x8BF4;&#x4F60;&#x5BF9;&#x8BED;&#x4E49;&#x5316;&#x7684;&#x7406;&#x89E3;&#xFF1F;"> # </a></h3>
<pre><code>1&#xFF0C;&#x53BB;&#x6389;&#x6216;&#x8005;&#x4E22;&#x5931;&#x6837;&#x5F0F;&#x7684;&#x65F6;&#x5019;&#x80FD;&#x591F;&#x8BA9;&#x9875;&#x9762;&#x5448;&#x73B0;&#x51FA;&#x6E05;&#x6670;&#x7684;&#x7ED3;&#x6784;
2&#xFF0C;&#x6709;&#x5229;&#x4E8E;SEO&#xFF1A;&#x548C;&#x641C;&#x7D22;&#x5F15;&#x64CE;&#x5EFA;&#x7ACB;&#x826F;&#x597D;&#x6C9F;&#x901A;&#xFF0C;&#x6709;&#x52A9;&#x4E8E;&#x722C;&#x866B;&#x6293;&#x53D6;&#x66F4;&#x591A;&#x7684;&#x6709;&#x6548;&#x4FE1;&#x606F;&#xFF1A;&#x722C;&#x866B;&#x4F9D;&#x8D56;&#x4E8E;&#x6807;&#x7B7E;&#x6765;&#x786E;&#x5B9A;&#x4E0A;&#x4E0B;&#x6587;&#x548C;&#x5404;&#x4E2A;&#x5173;&#x952E;&#x5B57;&#x7684;&#x6743;&#x91CD;&#xFF1B;
3&#xFF0C;&#x65B9;&#x4FBF;&#x5176;&#x4ED6;&#x8BBE;&#x5907;&#x89E3;&#x6790;&#xFF08;&#x5982;&#x5C4F;&#x5E55;&#x9605;&#x8BFB;&#x5668;&#x3001;&#x76F2;&#x4EBA;&#x9605;&#x8BFB;&#x5668;&#x3001;&#x79FB;&#x52A8;&#x8BBE;&#x5907;&#xFF09;&#x4EE5;&#x610F;&#x4E49;&#x7684;&#x65B9;&#x5F0F;&#x6765;&#x6E32;&#x67D3;&#x7F51;&#x9875;&#xFF1B;
4&#xFF0C;&#x4FBF;&#x4E8E;&#x56E2;&#x961F;&#x5F00;&#x53D1;&#x548C;&#x7EF4;&#x62A4;&#xFF0C;&#x8BED;&#x4E49;&#x5316;&#x66F4;&#x5177;&#x53EF;&#x8BFB;&#x6027;&#xFF0C;&#x662F;&#x4E0B;&#x4E00;&#x6B65;&#x5427;&#x7F51;&#x9875;&#x7684;&#x91CD;&#x8981;&#x52A8;&#x5411;&#xFF0C;&#x9075;&#x5FAA;W3C&#x6807;&#x51C6;&#x7684;&#x56E2;&#x961F;&#x90FD;&#x9075;&#x5FAA;&#x8FD9;&#x4E2A;&#x6807;&#x51C6;&#xFF0C;&#x53EF;&#x4EE5;&#x51CF;&#x5C11;&#x5DEE;&#x5F02;&#x5316;&#x3002;
</code></pre><h3 id="t15Doctype&#x4F5C;&#x7528;? &#x4E25;&#x683C;&#x6A21;&#x5F0F;&#x4E0E;&#x6DF7;&#x6742;&#x6A21;&#x5F0F;&#x5982;&#x4F55;&#x533A;&#x5206;&#xFF1F;&#x5B83;&#x4EEC;&#x6709;&#x4F55;&#x610F;&#x4E49;?">Doctype&#x4F5C;&#x7528;? &#x4E25;&#x683C;&#x6A21;&#x5F0F;&#x4E0E;&#x6DF7;&#x6742;&#x6A21;&#x5F0F;&#x5982;&#x4F55;&#x533A;&#x5206;&#xFF1F;&#x5B83;&#x4EEC;&#x6709;&#x4F55;&#x610F;&#x4E49;? <a href="#t15Doctype&#x4F5C;&#x7528;? &#x4E25;&#x683C;&#x6A21;&#x5F0F;&#x4E0E;&#x6DF7;&#x6742;&#x6A21;&#x5F0F;&#x5982;&#x4F55;&#x533A;&#x5206;&#xFF1F;&#x5B83;&#x4EEC;&#x6709;&#x4F55;&#x610F;&#x4E49;?"> # </a></h3>
<pre><code>&#xFF08;1&#xFF09;&#x3001;&lt;!DOCTYPE&gt; &#x58F0;&#x660E;&#x4F4D;&#x4E8E;&#x6587;&#x6863;&#x4E2D;&#x7684;&#x6700;&#x524D;&#x9762;&#xFF0C;&#x5904;&#x4E8E; &lt;html&gt; &#x6807;&#x7B7E;&#x4E4B;&#x524D;&#x3002;&#x544A;&#x77E5;&#x6D4F;&#x89C8;&#x5668;&#x4EE5;&#x4F55;&#x79CD;&#x6A21;&#x5F0F;&#x6765;&#x6E32;&#x67D3;&#x6587;&#x6863;&#x3002;

&#xFF08;2&#xFF09;&#x3001;&#x4E25;&#x683C;&#x6A21;&#x5F0F;&#x7684;&#x6392;&#x7248;&#x548C; JS &#x8FD0;&#x4F5C;&#x6A21;&#x5F0F;&#x662F;  &#x4EE5;&#x8BE5;&#x6D4F;&#x89C8;&#x5668;&#x652F;&#x6301;&#x7684;&#x6700;&#x9AD8;&#x6807;&#x51C6;&#x8FD0;&#x884C;&#x3002;

&#xFF08;3&#xFF09;&#x3001;&#x5728;&#x6DF7;&#x6742;&#x6A21;&#x5F0F;&#x4E2D;&#xFF0C;&#x9875;&#x9762;&#x4EE5;&#x5BBD;&#x677E;&#x7684;&#x5411;&#x540E;&#x517C;&#x5BB9;&#x7684;&#x65B9;&#x5F0F;&#x663E;&#x793A;&#x3002;&#x6A21;&#x62DF;&#x8001;&#x5F0F;&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x884C;&#x4E3A;&#x4EE5;&#x9632;&#x6B62;&#x7AD9;&#x70B9;&#x65E0;&#x6CD5;&#x5DE5;&#x4F5C;&#x3002;

&#xFF08;4&#xFF09;&#x3001;DOCTYPE&#x4E0D;&#x5B58;&#x5728;&#x6216;&#x683C;&#x5F0F;&#x4E0D;&#x6B63;&#x786E;&#x4F1A;&#x5BFC;&#x81F4;&#x6587;&#x6863;&#x4EE5;&#x6DF7;&#x6742;&#x6A21;&#x5F0F;&#x5448;&#x73B0;&#x3002;
</code></pre><h3 id="t16&#x4F60;&#x77E5;&#x9053;&#x591A;&#x5C11;&#x79CD;Doctype&#x6587;&#x6863;&#x7C7B;&#x578B;&#xFF1F;">&#x4F60;&#x77E5;&#x9053;&#x591A;&#x5C11;&#x79CD;Doctype&#x6587;&#x6863;&#x7C7B;&#x578B;&#xFF1F; <a href="#t16&#x4F60;&#x77E5;&#x9053;&#x591A;&#x5C11;&#x79CD;Doctype&#x6587;&#x6863;&#x7C7B;&#x578B;&#xFF1F;"> # </a></h3>
<pre><code> &#x8BE5;&#x6807;&#x7B7E;&#x53EF;&#x58F0;&#x660E;&#x4E09;&#x79CD; DTD &#x7C7B;&#x578B;&#xFF0C;&#x5206;&#x522B;&#x8868;&#x793A;&#x4E25;&#x683C;&#x7248;&#x672C;&#x3001;&#x8FC7;&#x6E21;&#x7248;&#x672C;&#x4EE5;&#x53CA;&#x57FA;&#x4E8E;&#x6846;&#x67B6;&#x7684; HTML &#x6587;&#x6863;&#x3002;
 HTML 4.01 &#x89C4;&#x5B9A;&#x4E86;&#x4E09;&#x79CD;&#x6587;&#x6863;&#x7C7B;&#x578B;&#xFF1A;Strict&#x3001;Transitional &#x4EE5;&#x53CA; Frameset&#x3002;
 XHTML 1.0 &#x89C4;&#x5B9A;&#x4E86;&#x4E09;&#x79CD; XML &#x6587;&#x6863;&#x7C7B;&#x578B;&#xFF1A;Strict&#x3001;Transitional &#x4EE5;&#x53CA; Frameset&#x3002;
Standards &#xFF08;&#x6807;&#x51C6;&#xFF09;&#x6A21;&#x5F0F;&#xFF08;&#x4E5F;&#x5C31;&#x662F;&#x4E25;&#x683C;&#x5448;&#x73B0;&#x6A21;&#x5F0F;&#xFF09;&#x7528;&#x4E8E;&#x5448;&#x73B0;&#x9075;&#x5FAA;&#x6700;&#x65B0;&#x6807;&#x51C6;&#x7684;&#x7F51;&#x9875;&#xFF0C;&#x800C; Quirks
 &#xFF08;&#x5305;&#x5BB9;&#xFF09;&#x6A21;&#x5F0F;&#xFF08;&#x4E5F;&#x5C31;&#x662F;&#x677E;&#x6563;&#x5448;&#x73B0;&#x6A21;&#x5F0F;&#x6216;&#x8005;&#x517C;&#x5BB9;&#x6A21;&#x5F0F;&#xFF09;&#x7528;&#x4E8E;&#x5448;&#x73B0;&#x4E3A;&#x4F20;&#x7EDF;&#x6D4F;&#x89C8;&#x5668;&#x800C;&#x8BBE;&#x8BA1;&#x7684;&#x7F51;&#x9875;&#x3002;
</code></pre><p>HTML&#x4E0E;XHTML&#x2014;&#x2014;&#x4E8C;&#x8005;&#x6709;&#x4EC0;&#x4E48;&#x533A;&#x522B;</p>
<pre><code>&#x533A;&#x522B;&#xFF1A;
1.&#x6240;&#x6709;&#x7684;&#x6807;&#x8BB0;&#x90FD;&#x5FC5;&#x987B;&#x8981;&#x6709;&#x4E00;&#x4E2A;&#x76F8;&#x5E94;&#x7684;&#x7ED3;&#x675F;&#x6807;&#x8BB0;
2.&#x6240;&#x6709;&#x6807;&#x7B7E;&#x7684;&#x5143;&#x7D20;&#x548C;&#x5C5E;&#x6027;&#x7684;&#x540D;&#x5B57;&#x90FD;&#x5FC5;&#x987B;&#x4F7F;&#x7528;&#x5C0F;&#x5199;
3.&#x6240;&#x6709;&#x7684;XML&#x6807;&#x8BB0;&#x90FD;&#x5FC5;&#x987B;&#x5408;&#x7406;&#x5D4C;&#x5957;
4.&#x6240;&#x6709;&#x7684;&#x5C5E;&#x6027;&#x5FC5;&#x987B;&#x7528;&#x5F15;&#x53F7;&quot;&quot;&#x62EC;&#x8D77;&#x6765;
5.&#x628A;&#x6240;&#x6709;&lt;&#x548C;&amp;&#x7279;&#x6B8A;&#x7B26;&#x53F7;&#x7528;&#x7F16;&#x7801;&#x8868;&#x793A;
6.&#x7ED9;&#x6240;&#x6709;&#x5C5E;&#x6027;&#x8D4B;&#x4E00;&#x4E2A;&#x503C;
7.&#x4E0D;&#x8981;&#x5728;&#x6CE8;&#x91CA;&#x5185;&#x5BB9;&#x4E2D;&#x4F7F;&#x201C;&#x201D;
8.&#x56FE;&#x7247;&#x5FC5;&#x987B;&#x6709;&#x8BF4;&#x660E;&#x6587;&#x5B57;
</code></pre><h3 id="t17&#x5E38;&#x89C1;&#x517C;&#x5BB9;&#x6027;&#x95EE;&#x9898;">&#x5E38;&#x89C1;&#x517C;&#x5BB9;&#x6027;&#x95EE;&#x9898; <a href="#t17&#x5E38;&#x89C1;&#x517C;&#x5BB9;&#x6027;&#x95EE;&#x9898;"> # </a></h3>
<pre><code>* png24&#x4F4D;&#x7684;&#x56FE;&#x7247;&#x5728;iE6&#x6D4F;&#x89C8;&#x5668;&#x4E0A;&#x51FA;&#x73B0;&#x80CC;&#x666F;&#xFF0C;&#x89E3;&#x51B3;&#x65B9;&#x6848;&#x662F;&#x505A;&#x6210;PNG8.&#x4E5F;&#x53EF;&#x4EE5;&#x5F15;&#x7528;&#x4E00;&#x6BB5;&#x811A;&#x672C;&#x5904;&#x7406;.

* &#x6D4F;&#x89C8;&#x5668;&#x9ED8;&#x8BA4;&#x7684;margin&#x548C;padding&#x4E0D;&#x540C;&#x3002;&#x89E3;&#x51B3;&#x65B9;&#x6848;&#x662F;&#x52A0;&#x4E00;&#x4E2A;&#x5168;&#x5C40;&#x7684;*{margin:0;padding:0;}&#x6765;&#x7EDF;&#x4E00;&#x3002;

* IE6&#x53CC;&#x8FB9;&#x8DDD;bug:&#x5757;&#x5C5E;&#x6027;&#x6807;&#x7B7E;float&#x540E;&#xFF0C;&#x53C8;&#x6709;&#x6A2A;&#x884C;&#x7684;margin&#x60C5;&#x51B5;&#x4E0B;&#xFF0C;&#x5728;ie6&#x663E;&#x793A;margin&#x6BD4;&#x8BBE;&#x7F6E;&#x7684;&#x5927;&#x3002;

* &#x6D6E;&#x52A8;ie&#x4EA7;&#x751F;&#x7684;&#x53CC;&#x500D;&#x8DDD;&#x79BB;&#xFF08;IE6&#x53CC;&#x8FB9;&#x8DDD;&#x95EE;&#x9898;&#xFF1A;&#x5728;IE6&#x4E0B;&#xFF0C;&#x5982;&#x679C;&#x5BF9;&#x5143;&#x7D20;&#x8BBE;&#x7F6E;&#x4E86;&#x6D6E;&#x52A8;&#xFF0C;&#x540C;&#x65F6;&#x53C8;&#x8BBE;&#x7F6E;&#x4E86;marginleft&#x6216;marginright&#xFF0C;margin&#x503C;&#x4F1A;&#x52A0;&#x500D;&#x3002;&#xFF09;
  #box{ float:left; width:10px; margin:0 0 0 100px;}

 &#x8FD9;&#x79CD;&#x60C5;&#x51B5;&#x4E4B;&#x4E0B;IE&#x4F1A;&#x4EA7;&#x751F;20px&#x7684;&#x8DDD;&#x79BB;&#xFF0C;&#x89E3;&#x51B3;&#x65B9;&#x6848;&#x662F;&#x5728;float&#x7684;&#x6807;&#x7B7E;&#x6837;&#x5F0F;&#x63A7;&#x5236;&#x4E2D;&#x52A0;&#x5165; &#x2014;&#x2014;_display:inline;&#x5C06;&#x5176;&#x8F6C;&#x5316;&#x4E3A;&#x884C;&#x5185;&#x5C5E;&#x6027;&#x3002;(_&#x8FD9;&#x4E2A;&#x7B26;&#x53F7;&#x53EA;&#x6709;ie6&#x4F1A;&#x8BC6;&#x522B;)

*  &#x6E10;&#x8FDB;&#x8BC6;&#x522B;&#x7684;&#x65B9;&#x5F0F;&#xFF0C;&#x4ECE;&#x603B;&#x4F53;&#x4E2D;&#x9010;&#x6E10;&#x6392;&#x9664;&#x5C40;&#x90E8;&#x3002;

  &#x9996;&#x5148;&#xFF0C;&#x5DE7;&#x5999;&#x7684;&#x4F7F;&#x7528;&#x201C;\9&#x201D;&#x8FD9;&#x4E00;&#x6807;&#x8BB0;&#xFF0C;&#x5C06;IE&#x6E38;&#x89C8;&#x5668;&#x4ECE;&#x6240;&#x6709;&#x60C5;&#x51B5;&#x4E2D;&#x5206;&#x79BB;&#x51FA;&#x6765;&#x3002;
  &#x63A5;&#x7740;&#xFF0C;&#x518D;&#x6B21;&#x4F7F;&#x7528;&#x201C;+&#x201D;&#x5C06;IE8&#x548C;IE7&#x3001;IE6&#x5206;&#x79BB;&#x5F00;&#x6765;&#xFF0C;&#x8FD9;&#x6837;IE8&#x5DF2;&#x7ECF;&#x72EC;&#x7ACB;&#x8BC6;&#x522B;&#x3002;

  css
      .bb{
       backgroundcolor:#f1ee18;/*&#x6240;&#x6709;&#x8BC6;&#x522B;*/
      .backgroundcolor:#00deff\9; /*IE6&#x3001;7&#x3001;8&#x8BC6;&#x522B;*/
      +backgroundcolor:#a200ff;/*IE6&#x3001;7&#x8BC6;&#x522B;*/
      _backgroundcolor:#1e0bd1;/*IE6&#x8BC6;&#x522B;*/
      }

*  IE&#x4E0B;,&#x53EF;&#x4EE5;&#x4F7F;&#x7528;&#x83B7;&#x53D6;&#x5E38;&#x89C4;&#x5C5E;&#x6027;&#x7684;&#x65B9;&#x6CD5;&#x6765;&#x83B7;&#x53D6;&#x81EA;&#x5B9A;&#x4E49;&#x5C5E;&#x6027;,
   &#x4E5F;&#x53EF;&#x4EE5;&#x4F7F;&#x7528;getAttribute()&#x83B7;&#x53D6;&#x81EA;&#x5B9A;&#x4E49;&#x5C5E;&#x6027;;
   Firefox&#x4E0B;,&#x53EA;&#x80FD;&#x4F7F;&#x7528;getAttribute()&#x83B7;&#x53D6;&#x81EA;&#x5B9A;&#x4E49;&#x5C5E;&#x6027;.
   &#x89E3;&#x51B3;&#x65B9;&#x6CD5;:&#x7EDF;&#x4E00;&#x901A;&#x8FC7;getAttribute()&#x83B7;&#x53D6;&#x81EA;&#x5B9A;&#x4E49;&#x5C5E;&#x6027;.

* IE&#x4E0B;,event&#x5BF9;&#x8C61;&#x6709;x,y&#x5C5E;&#x6027;,&#x4F46;&#x662F;&#x6CA1;&#x6709;pageX,pageY&#x5C5E;&#x6027;;
  Firefox&#x4E0B;,event&#x5BF9;&#x8C61;&#x6709;pageX,pageY&#x5C5E;&#x6027;,&#x4F46;&#x662F;&#x6CA1;&#x6709;x,y&#x5C5E;&#x6027;.

* &#x89E3;&#x51B3;&#x65B9;&#x6CD5;&#xFF1A;&#xFF08;&#x6761;&#x4EF6;&#x6CE8;&#x91CA;&#xFF09;&#x7F3A;&#x70B9;&#x662F;&#x5728;IE&#x6D4F;&#x89C8;&#x5668;&#x4E0B;&#x53EF;&#x80FD;&#x4F1A;&#x589E;&#x52A0;&#x989D;&#x5916;&#x7684;HTTP&#x8BF7;&#x6C42;&#x6570;&#x3002;

* Chrome &#x4E2D;&#x6587;&#x754C;&#x9762;&#x4E0B;&#x9ED8;&#x8BA4;&#x4F1A;&#x5C06;&#x5C0F;&#x4E8E; 12px &#x7684;&#x6587;&#x672C;&#x5F3A;&#x5236;&#x6309;&#x7167; 12px &#x663E;&#x793A;,
  &#x53EF;&#x901A;&#x8FC7;&#x52A0;&#x5165; CSS &#x5C5E;&#x6027; webkittextsizeadjust: none; &#x89E3;&#x51B3;.

* &#x8D85;&#x94FE;&#x63A5;&#x8BBF;&#x95EE;&#x8FC7;&#x540E;hover&#x6837;&#x5F0F;&#x5C31;&#x4E0D;&#x51FA;&#x73B0;&#x4E86; &#x88AB;&#x70B9;&#x51FB;&#x8BBF;&#x95EE;&#x8FC7;&#x7684;&#x8D85;&#x94FE;&#x63A5;&#x6837;&#x5F0F;&#x4E0D;&#x5728;&#x5177;&#x6709;hover&#x548C;active&#x4E86;&#x89E3;&#x51B3;&#x65B9;&#x6CD5;&#x662F;&#x6539;&#x53D8;CSS&#x5C5E;&#x6027;&#x7684;&#x6392;&#x5217;&#x987A;&#x5E8F;:
LVHA :  a:link {} a:visited {} a:hover {} a:active {}

* &#x602A;&#x5F02;&#x6A21;&#x5F0F;&#x95EE;&#x9898;&#xFF1A;&#x6F0F;&#x5199;DTD&#x58F0;&#x660E;&#xFF0C;Firefox&#x4ECD;&#x7136;&#x4F1A;&#x6309;&#x7167;&#x6807;&#x51C6;&#x6A21;&#x5F0F;&#x6765;&#x89E3;&#x6790;&#x7F51;&#x9875;&#xFF0C;&#x4F46;&#x5728;IE&#x4E2D;&#x4F1A;&#x89E6;&#x53D1;&#x602A;&#x5F02;&#x6A21;&#x5F0F;&#x3002;&#x4E3A;&#x907F;&#x514D;&#x602A;&#x5F02;&#x6A21;&#x5F0F;&#x7ED9;&#x6211;&#x4EEC;&#x5E26;&#x6765;&#x4E0D;&#x5FC5;&#x8981;&#x7684;&#x9EBB;&#x70E6;&#xFF0C;&#x6700;&#x597D;&#x517B;&#x6210;&#x4E66;&#x5199;DTD&#x58F0;&#x660E;&#x7684;&#x597D;&#x4E60;&#x60EF;&#x3002;&#x73B0;&#x5728;&#x53EF;&#x4EE5;&#x4F7F;&#x7528;[html5](http://www.w3.org/TR/html5/singlepage.html)&#x63A8;&#x8350;&#x7684;&#x5199;&#x6CD5;&#xFF1A;`&lt;doctype html&gt;`

* &#x4E0A;&#x4E0B;margin&#x91CD;&#x5408;&#x95EE;&#x9898;
ie&#x548C;ff&#x90FD;&#x5B58;&#x5728;&#xFF0C;&#x76F8;&#x90BB;&#x7684;&#x4E24;&#x4E2A;div&#x7684;marginleft&#x548C;marginright&#x4E0D;&#x4F1A;&#x91CD;&#x5408;&#xFF0C;&#x4F46;&#x662F;margintop&#x548C;marginbottom&#x5374;&#x4F1A;&#x53D1;&#x751F;&#x91CD;&#x5408;&#x3002;
&#x89E3;&#x51B3;&#x65B9;&#x6CD5;&#xFF0C;&#x517B;&#x6210;&#x826F;&#x597D;&#x7684;&#x4EE3;&#x7801;&#x7F16;&#x5199;&#x4E60;&#x60EF;&#xFF0C;&#x540C;&#x65F6;&#x91C7;&#x7528;margintop&#x6216;&#x8005;&#x540C;&#x65F6;&#x91C7;&#x7528;marginbottom&#x3002;
* ie6&#x5BF9;png&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x652F;&#x6301;&#x4E0D;&#x597D;(&#x5F15;&#x7528;&#x4E00;&#x6BB5;&#x811A;&#x672C;&#x5904;&#x7406;)
</code></pre><h3 id="t18&#x89E3;&#x91CA;&#x4E0B;&#x6D6E;&#x52A8;&#x548C;&#x5B83;&#x7684;&#x5DE5;&#x4F5C;&#x539F;&#x7406;&#xFF1F;&#x6E05;&#x9664;&#x6D6E;&#x52A8;&#x7684;&#x6280;&#x5DE7;">&#x89E3;&#x91CA;&#x4E0B;&#x6D6E;&#x52A8;&#x548C;&#x5B83;&#x7684;&#x5DE5;&#x4F5C;&#x539F;&#x7406;&#xFF1F;&#x6E05;&#x9664;&#x6D6E;&#x52A8;&#x7684;&#x6280;&#x5DE7; <a href="#t18&#x89E3;&#x91CA;&#x4E0B;&#x6D6E;&#x52A8;&#x548C;&#x5B83;&#x7684;&#x5DE5;&#x4F5C;&#x539F;&#x7406;&#xFF1F;&#x6E05;&#x9664;&#x6D6E;&#x52A8;&#x7684;&#x6280;&#x5DE7;"> # </a></h3>
<pre><code>&#x6D6E;&#x52A8;&#x5143;&#x7D20;&#x8131;&#x79BB;&#x6587;&#x6863;&#x6D41;&#xFF0C;&#x4E0D;&#x5360;&#x636E;&#x7A7A;&#x95F4;&#x3002;&#x6D6E;&#x52A8;&#x5143;&#x7D20;&#x78B0;&#x5230;&#x5305;&#x542B;&#x5B83;&#x7684;&#x8FB9;&#x6846;&#x6216;&#x8005;&#x6D6E;&#x52A8;&#x5143;&#x7D20;&#x7684;&#x8FB9;&#x6846;&#x505C;&#x7559;&#x3002;

1.&#x4F7F;&#x7528;&#x7A7A;&#x6807;&#x7B7E;&#x6E05;&#x9664;&#x6D6E;&#x52A8;&#x3002;
   &#x8FD9;&#x79CD;&#x65B9;&#x6CD5;&#x662F;&#x5728;&#x6240;&#x6709;&#x6D6E;&#x52A8;&#x6807;&#x7B7E;&#x540E;&#x9762;&#x6DFB;&#x52A0;&#x4E00;&#x4E2A;&#x7A7A;&#x6807;&#x7B7E; &#x5B9A;&#x4E49;css clear:both. &#x5F0A;&#x7AEF;&#x5C31;&#x662F;&#x589E;&#x52A0;&#x4E86;&#x65E0;&#x610F;&#x4E49;&#x6807;&#x7B7E;&#x3002;
2.&#x4F7F;&#x7528;overflow&#x3002;
   &#x7ED9;&#x5305;&#x542B;&#x6D6E;&#x52A8;&#x5143;&#x7D20;&#x7684;&#x7236;&#x6807;&#x7B7E;&#x6DFB;&#x52A0;css&#x5C5E;&#x6027; overflow:auto; zoom:1; zoom:1&#x7528;&#x4E8E;&#x517C;&#x5BB9;IE6&#x3002;
3.&#x4F7F;&#x7528;after&#x4F2A;&#x5BF9;&#x8C61;&#x6E05;&#x9664;&#x6D6E;&#x52A8;&#x3002;
   &#x8BE5;&#x65B9;&#x6CD5;&#x53EA;&#x9002;&#x7528;&#x4E8E;&#x975E;IE&#x6D4F;&#x89C8;&#x5668;&#x3002;&#x5177;&#x4F53;&#x5199;&#x6CD5;&#x53EF;&#x53C2;&#x7167;&#x4EE5;&#x4E0B;&#x793A;&#x4F8B;&#x3002;&#x4F7F;&#x7528;&#x4E2D;&#x9700;&#x6CE8;&#x610F;&#x4EE5;&#x4E0B;&#x51E0;&#x70B9;&#x3002;&#x4E00;&#x3001;&#x8BE5;&#x65B9;&#x6CD5;&#x4E2D;&#x5FC5;&#x987B;&#x4E3A;&#x9700;&#x8981;&#x6E05;&#x9664;&#x6D6E;&#x52A8;&#x5143;&#x7D20;&#x7684;&#x4F2A;&#x5BF9;&#x8C61;&#x4E2D;&#x8BBE;&#x7F6E; height:0&#xFF0C;&#x5426;&#x5219;&#x8BE5;&#x5143;&#x7D20;&#x4F1A;&#x6BD4;&#x5B9E;&#x9645;&#x9AD8;&#x51FA;&#x82E5;&#x5E72;&#x50CF;&#x7D20;&#xFF1B;
</code></pre><h3 id="t19&#x6D6E;&#x52A8;&#x5143;&#x7D20;&#x5F15;&#x8D77;&#x7684;&#x95EE;&#x9898;&#x548C;&#x89E3;&#x51B3;&#x529E;&#x6CD5;&#xFF1F;">&#x6D6E;&#x52A8;&#x5143;&#x7D20;&#x5F15;&#x8D77;&#x7684;&#x95EE;&#x9898;&#x548C;&#x89E3;&#x51B3;&#x529E;&#x6CD5;&#xFF1F; <a href="#t19&#x6D6E;&#x52A8;&#x5143;&#x7D20;&#x5F15;&#x8D77;&#x7684;&#x95EE;&#x9898;&#x548C;&#x89E3;&#x51B3;&#x529E;&#x6CD5;&#xFF1F;"> # </a></h3>
<pre><code>&#x6D6E;&#x52A8;&#x5143;&#x7D20;&#x5F15;&#x8D77;&#x7684;&#x95EE;&#x9898;&#xFF1A;
&#xFF08;1&#xFF09;&#x7236;&#x5143;&#x7D20;&#x7684;&#x9AD8;&#x5EA6;&#x65E0;&#x6CD5;&#x88AB;&#x6491;&#x5F00;&#xFF0C;&#x5F71;&#x54CD;&#x4E0E;&#x7236;&#x5143;&#x7D20;&#x540C;&#x7EA7;&#x7684;&#x5143;&#x7D20;
&#xFF08;2&#xFF09;&#x4E0E;&#x6D6E;&#x52A8;&#x5143;&#x7D20;&#x540C;&#x7EA7;&#x7684;&#x975E;&#x6D6E;&#x52A8;&#x5143;&#x7D20;&#x4F1A;&#x8DDF;&#x968F;&#x5176;&#x540E;
&#xFF08;3&#xFF09;&#x82E5;&#x975E;&#x7B2C;&#x4E00;&#x4E2A;&#x5143;&#x7D20;&#x6D6E;&#x52A8;&#xFF0C;&#x5219;&#x8BE5;&#x5143;&#x7D20;&#x4E4B;&#x524D;&#x7684;&#x5143;&#x7D20;&#x4E5F;&#x9700;&#x8981;&#x6D6E;&#x52A8;&#xFF0C;&#x5426;&#x5219;&#x4F1A;&#x5F71;&#x54CD;&#x9875;&#x9762;&#x663E;&#x793A;&#x7684;&#x7ED3;&#x6784;
</code></pre><p>&#x89E3;&#x51B3;&#x65B9;&#x6CD5;&#xFF1A;
&#x4F7F;&#x7528;<code>CSS</code>&#x4E2D;&#x7684;<code>clear:both</code>;&#x5C5E;&#x6027;&#x6765;&#x6E05;&#x9664;&#x5143;&#x7D20;&#x7684;&#x6D6E;&#x52A8;&#x53EF;&#x89E3;&#x51B3;2&#x3001;3&#x95EE;&#x9898;&#xFF0C;&#x5BF9;&#x4E8E;&#x95EE;&#x9898;1&#xFF0C;&#x6DFB;&#x52A0;&#x5982;&#x4E0B;&#x6837;&#x5F0F;&#xFF0C;&#x7ED9;&#x7236;&#x5143;&#x7D20;&#x6DFB;&#x52A0;<code>clearfix</code>&#x6837;&#x5F0F;&#xFF1A;</p>
<pre><code>.clearfix:after{content: &quot;.&quot;;display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inlineblock;} /* for IE/Mac */
</code></pre><p><strong>&#x6E05;&#x9664;&#x6D6E;&#x52A8;&#x7684;&#x51E0;&#x79CD;&#x65B9;&#x6CD5;&#xFF1A;</strong></p>
<pre><code>1&#xFF0C;&#x989D;&#x5916;&#x6807;&#x7B7E;&#x6CD5;&#xFF0C;&lt;div style=&quot;clear:both;&quot;&gt;&lt;/div&gt;&#xFF08;&#x7F3A;&#x70B9;&#xFF1A;&#x4E0D;&#x8FC7;&#x8FD9;&#x4E2A;&#x529E;&#x6CD5;&#x4F1A;&#x589E;&#x52A0;&#x989D;&#x5916;&#x7684;&#x6807;&#x7B7E;&#x4F7F;HTML&#x7ED3;&#x6784;&#x770B;&#x8D77;&#x6765;&#x4E0D;&#x591F;&#x7B80;&#x6D01;&#x3002;&#xFF09;
2&#xFF0C;&#x4F7F;&#x7528;after&#x4F2A;&#x7C7B;

#parent:after{
    content:&quot;.&quot;;
    height:0;
    visibility:hidden;
    display:block;
    clear:both;
    }

3,&#x6D6E;&#x52A8;&#x5916;&#x90E8;&#x5143;&#x7D20;
4,&#x8BBE;&#x7F6E;`overflow`&#x4E3A;`hidden`&#x6216;&#x8005;auto
</code></pre><h3 id="t20IE 8&#x4EE5;&#x4E0B;&#x7248;&#x672C;&#x7684;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x76D2;&#x6A21;&#x578B;&#x6709;&#x4EC0;&#x4E48;&#x4E0D;&#x540C;">IE 8&#x4EE5;&#x4E0B;&#x7248;&#x672C;&#x7684;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x76D2;&#x6A21;&#x578B;&#x6709;&#x4EC0;&#x4E48;&#x4E0D;&#x540C; <a href="#t20IE 8&#x4EE5;&#x4E0B;&#x7248;&#x672C;&#x7684;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x7684;&#x76D2;&#x6A21;&#x578B;&#x6709;&#x4EC0;&#x4E48;&#x4E0D;&#x540C;"> # </a></h3>
<pre><code>IE8&#x4EE5;&#x4E0B;&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x76D2;&#x6A21;&#x578B;&#x4E2D;&#x5B9A;&#x4E49;&#x7684;&#x5143;&#x7D20;&#x7684;&#x5BBD;&#x9AD8;&#x4E0D;&#x5305;&#x62EC;&#x5185;&#x8FB9;&#x8DDD;&#x548C;&#x8FB9;&#x6846;
</code></pre><h3 id="t21DOM&#x64CD;&#x4F5C;&#x2014;&#x2014;&#x600E;&#x6837;&#x6DFB;&#x52A0;&#x3001;&#x79FB;&#x9664;&#x3001;&#x79FB;&#x52A8;&#x3001;&#x590D;&#x5236;&#x3001;&#x521B;&#x5EFA;&#x548C;&#x67E5;&#x627E;&#x8282;&#x70B9;&#x3002;">DOM&#x64CD;&#x4F5C;&#x2014;&#x2014;&#x600E;&#x6837;&#x6DFB;&#x52A0;&#x3001;&#x79FB;&#x9664;&#x3001;&#x79FB;&#x52A8;&#x3001;&#x590D;&#x5236;&#x3001;&#x521B;&#x5EFA;&#x548C;&#x67E5;&#x627E;&#x8282;&#x70B9;&#x3002; <a href="#t21DOM&#x64CD;&#x4F5C;&#x2014;&#x2014;&#x600E;&#x6837;&#x6DFB;&#x52A0;&#x3001;&#x79FB;&#x9664;&#x3001;&#x79FB;&#x52A8;&#x3001;&#x590D;&#x5236;&#x3001;&#x521B;&#x5EFA;&#x548C;&#x67E5;&#x627E;&#x8282;&#x70B9;&#x3002;"> # </a></h3>
<pre><code>&#xFF08;1&#xFF09;&#x521B;&#x5EFA;&#x65B0;&#x8282;&#x70B9;

      createDocumentFragment()    //&#x521B;&#x5EFA;&#x4E00;&#x4E2A;DOM&#x7247;&#x6BB5;

      createElement()   //&#x521B;&#x5EFA;&#x4E00;&#x4E2A;&#x5177;&#x4F53;&#x7684;&#x5143;&#x7D20;

      createTextNode()   //&#x521B;&#x5EFA;&#x4E00;&#x4E2A;&#x6587;&#x672C;&#x8282;&#x70B9;

&#xFF08;2&#xFF09;&#x6DFB;&#x52A0;&#x3001;&#x79FB;&#x9664;&#x3001;&#x66FF;&#x6362;&#x3001;&#x63D2;&#x5165;

      appendChild()

      removeChild()

      replaceChild()

      insertBefore() //&#x5728;&#x5DF2;&#x6709;&#x7684;&#x5B50;&#x8282;&#x70B9;&#x524D;&#x63D2;&#x5165;&#x4E00;&#x4E2A;&#x65B0;&#x7684;&#x5B50;&#x8282;&#x70B9;

&#xFF08;3&#xFF09;&#x67E5;&#x627E;

      getElementsByTagName()    //&#x901A;&#x8FC7;&#x6807;&#x7B7E;&#x540D;&#x79F0;

      getElementsByName()    //&#x901A;&#x8FC7;&#x5143;&#x7D20;&#x7684;Name&#x5C5E;&#x6027;&#x7684;&#x503C;(IE&#x5BB9;&#x9519;&#x80FD;&#x529B;&#x8F83;&#x5F3A;&#xFF0C;&#x4F1A;&#x5F97;&#x5230;&#x4E00;&#x4E2A;&#x6570;&#x7EC4;&#xFF0C;&#x5176;&#x4E2D;&#x5305;&#x62EC;id&#x7B49;&#x4E8E;name&#x503C;&#x7684;)

      getElementById()    //&#x901A;&#x8FC7;&#x5143;&#x7D20;Id&#xFF0C;&#x552F;&#x4E00;&#x6027;
</code></pre><h3 id="t22html5&#x6709;&#x54EA;&#x4E9B;&#x65B0;&#x7279;&#x6027;&#x3001;&#x79FB;&#x9664;&#x4E86;&#x90A3;&#x4E9B;&#x5143;&#x7D20;&#xFF1F;&#x5982;&#x4F55;&#x5904;&#x7406;HTML5&#x65B0;&#x6807;&#x7B7E;&#x7684;&#x6D4F;&#x89C8;&#x5668;&#x517C;&#x5BB9;&#x95EE;&#x9898;&#xFF1F;&#x5982;&#x4F55;&#x533A;&#x5206; HTML &#x548C; HTML5&#xFF1F;">html5&#x6709;&#x54EA;&#x4E9B;&#x65B0;&#x7279;&#x6027;&#x3001;&#x79FB;&#x9664;&#x4E86;&#x90A3;&#x4E9B;&#x5143;&#x7D20;&#xFF1F;&#x5982;&#x4F55;&#x5904;&#x7406;HTML5&#x65B0;&#x6807;&#x7B7E;&#x7684;&#x6D4F;&#x89C8;&#x5668;&#x517C;&#x5BB9;&#x95EE;&#x9898;&#xFF1F;&#x5982;&#x4F55;&#x533A;&#x5206; HTML &#x548C; HTML5&#xFF1F; <a href="#t22html5&#x6709;&#x54EA;&#x4E9B;&#x65B0;&#x7279;&#x6027;&#x3001;&#x79FB;&#x9664;&#x4E86;&#x90A3;&#x4E9B;&#x5143;&#x7D20;&#xFF1F;&#x5982;&#x4F55;&#x5904;&#x7406;HTML5&#x65B0;&#x6807;&#x7B7E;&#x7684;&#x6D4F;&#x89C8;&#x5668;&#x517C;&#x5BB9;&#x95EE;&#x9898;&#xFF1F;&#x5982;&#x4F55;&#x533A;&#x5206; HTML &#x548C; HTML5&#xFF1F;"> # </a></h3>
<pre><code>* HTML5 &#x73B0;&#x5728;&#x5DF2;&#x7ECF;&#x4E0D;&#x662F; SGML &#x7684;&#x5B50;&#x96C6;&#xFF0C;&#x4E3B;&#x8981;&#x662F;&#x5173;&#x4E8E;&#x56FE;&#x50CF;&#xFF0C;&#x4F4D;&#x7F6E;&#xFF0C;&#x5B58;&#x50A8;&#xFF0C;&#x591A;&#x4EFB;&#x52A1;&#x7B49;&#x529F;&#x80FD;&#x7684;&#x589E;&#x52A0;&#x3002;

* &#x62D6;&#x62FD;&#x91CA;&#x653E;(Drag and drop) API
  &#x8BED;&#x4E49;&#x5316;&#x66F4;&#x597D;&#x7684;&#x5185;&#x5BB9;&#x6807;&#x7B7E;&#xFF08;header,nav,footer,aside,article,section&#xFF09;
  &#x97F3;&#x9891;&#x3001;&#x89C6;&#x9891;API(audio,video)
  &#x753B;&#x5E03;(Canvas) API
  &#x5730;&#x7406;(Geolocation) API
  &#x672C;&#x5730;&#x79BB;&#x7EBF;&#x5B58;&#x50A8; localStorage &#x957F;&#x671F;&#x5B58;&#x50A8;&#x6570;&#x636E;&#xFF0C;&#x6D4F;&#x89C8;&#x5668;&#x5173;&#x95ED;&#x540E;&#x6570;&#x636E;&#x4E0D;&#x4E22;&#x5931;&#xFF1B;
  sessionStorage &#x7684;&#x6570;&#x636E;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x5173;&#x95ED;&#x540E;&#x81EA;&#x52A8;&#x5220;&#x9664;

  &#x8868;&#x5355;&#x63A7;&#x4EF6;&#xFF0C;calendar&#x3001;date&#x3001;time&#x3001;email&#x3001;url&#x3001;search
  &#x65B0;&#x7684;&#x6280;&#x672F;webworker, websocket, Geolocation

* &#x79FB;&#x9664;&#x7684;&#x5143;&#x7D20;

&#x7EAF;&#x8868;&#x73B0;&#x7684;&#x5143;&#x7D20;&#xFF1A;basefont&#xFF0C;big&#xFF0C;center&#xFF0C;font, s&#xFF0C;strike&#xFF0C;tt&#xFF0C;u&#xFF1B;

&#x5BF9;&#x53EF;&#x7528;&#x6027;&#x4EA7;&#x751F;&#x8D1F;&#x9762;&#x5F71;&#x54CD;&#x7684;&#x5143;&#x7D20;&#xFF1A;frame&#xFF0C;frameset&#xFF0C;noframes&#xFF1B;

&#x652F;&#x6301;HTML5&#x65B0;&#x6807;&#x7B7E;&#xFF1A;

* IE8/IE7/IE6&#x652F;&#x6301;&#x901A;&#x8FC7;document.createElement&#x65B9;&#x6CD5;&#x4EA7;&#x751F;&#x7684;&#x6807;&#x7B7E;&#xFF0C;
  &#x53EF;&#x4EE5;&#x5229;&#x7528;&#x8FD9;&#x4E00;&#x7279;&#x6027;&#x8BA9;&#x8FD9;&#x4E9B;&#x6D4F;&#x89C8;&#x5668;&#x652F;&#x6301;HTML5&#x65B0;&#x6807;&#x7B7E;&#xFF0C;

  &#x6D4F;&#x89C8;&#x5668;&#x652F;&#x6301;&#x65B0;&#x6807;&#x7B7E;&#x540E;&#xFF0C;&#x8FD8;&#x9700;&#x8981;&#x6DFB;&#x52A0;&#x6807;&#x7B7E;&#x9ED8;&#x8BA4;&#x7684;&#x6837;&#x5F0F;&#xFF1A;

* &#x5F53;&#x7136;&#x6700;&#x597D;&#x7684;&#x65B9;&#x5F0F;&#x662F;&#x76F4;&#x63A5;&#x4F7F;&#x7528;&#x6210;&#x719F;&#x7684;&#x6846;&#x67B6;&#x3001;&#x4F7F;&#x7528;&#x6700;&#x591A;&#x7684;&#x662F;html5shim&#x6846;&#x67B6;
   &lt;![if lt IE 9]&gt;
   &lt;script&gt; src=&quot;http://html5shim.googlecode.com/svn/trunk/html5.js&quot;&lt;/script&gt;
   &lt;![endif]&gt;
&#x5982;&#x4F55;&#x533A;&#x5206;&#xFF1A; DOCTYPE&#x58F0;&#x660E;\&#x65B0;&#x589E;&#x7684;&#x7ED3;&#x6784;&#x5143;&#x7D20;\&#x529F;&#x80FD;&#x5143;&#x7D20;
</code></pre><h3 id="t23iframe&#x7684;&#x4F18;&#x7F3A;&#x70B9;&#xFF1F;">iframe&#x7684;&#x4F18;&#x7F3A;&#x70B9;&#xFF1F; <a href="#t23iframe&#x7684;&#x4F18;&#x7F3A;&#x70B9;&#xFF1F;"> # </a></h3>
<pre><code>1.&lt;iframe&gt;&#x4F18;&#x70B9;&#xFF1A;

    &#x89E3;&#x51B3;&#x52A0;&#x8F7D;&#x7F13;&#x6162;&#x7684;&#x7B2C;&#x4E09;&#x65B9;&#x5185;&#x5BB9;&#x5982;&#x56FE;&#x6807;&#x548C;&#x5E7F;&#x544A;&#x7B49;&#x7684;&#x52A0;&#x8F7D;&#x95EE;&#x9898;
    Security sandbox
    &#x5E76;&#x884C;&#x52A0;&#x8F7D;&#x811A;&#x672C;

2.&lt;iframe&gt;&#x7684;&#x7F3A;&#x70B9;&#xFF1A;


    *iframe&#x4F1A;&#x963B;&#x585E;&#x4E3B;&#x9875;&#x9762;&#x7684;Onload&#x4E8B;&#x4EF6;&#xFF1B;

    *&#x5373;&#x65F6;&#x5185;&#x5BB9;&#x4E3A;&#x7A7A;&#xFF0C;&#x52A0;&#x8F7D;&#x4E5F;&#x9700;&#x8981;&#x65F6;&#x95F4;
    *&#x6CA1;&#x6709;&#x8BED;&#x610F;
</code></pre><h3 id="t24&#x5982;&#x4F55;&#x5B9E;&#x73B0;&#x6D4F;&#x89C8;&#x5668;&#x5185;&#x591A;&#x4E2A;&#x6807;&#x7B7E;&#x9875;&#x4E4B;&#x95F4;&#x7684;&#x901A;&#x4FE1;?">&#x5982;&#x4F55;&#x5B9E;&#x73B0;&#x6D4F;&#x89C8;&#x5668;&#x5185;&#x591A;&#x4E2A;&#x6807;&#x7B7E;&#x9875;&#x4E4B;&#x95F4;&#x7684;&#x901A;&#x4FE1;? <a href="#t24&#x5982;&#x4F55;&#x5B9E;&#x73B0;&#x6D4F;&#x89C8;&#x5668;&#x5185;&#x591A;&#x4E2A;&#x6807;&#x7B7E;&#x9875;&#x4E4B;&#x95F4;&#x7684;&#x901A;&#x4FE1;?"> # </a></h3>
<pre><code>&#x8C03;&#x7528;localstorge&#x3001;cookies&#x7B49;&#x672C;&#x5730;&#x5B58;&#x50A8;&#x65B9;&#x5F0F;
</code></pre><h3 id="t25webSocket&#x5982;&#x4F55;&#x517C;&#x5BB9;&#x4F4E;&#x6D4F;&#x89C8;&#x5668;&#xFF1F;">webSocket&#x5982;&#x4F55;&#x517C;&#x5BB9;&#x4F4E;&#x6D4F;&#x89C8;&#x5668;&#xFF1F; <a href="#t25webSocket&#x5982;&#x4F55;&#x517C;&#x5BB9;&#x4F4E;&#x6D4F;&#x89C8;&#x5668;&#xFF1F;"> # </a></h3>
<pre><code>Adobe Flash Socket &#x3001; ActiveX HTMLFile (IE) &#x3001; &#x57FA;&#x4E8E; multipart &#x7F16;&#x7801;&#x53D1;&#x9001; XHR &#x3001; &#x57FA;&#x4E8E;&#x957F;&#x8F6E;&#x8BE2;&#x7684; XHR
</code></pre><h3 id="t26&#x7EBF;&#x7A0B;&#x4E0E;&#x8FDB;&#x7A0B;&#x7684;&#x533A;&#x522B;">&#x7EBF;&#x7A0B;&#x4E0E;&#x8FDB;&#x7A0B;&#x7684;&#x533A;&#x522B; <a href="#t26&#x7EBF;&#x7A0B;&#x4E0E;&#x8FDB;&#x7A0B;&#x7684;&#x533A;&#x522B;"> # </a></h3>
<pre><code>&#x4E00;&#x4E2A;&#x7A0B;&#x5E8F;&#x81F3;&#x5C11;&#x6709;&#x4E00;&#x4E2A;&#x8FDB;&#x7A0B;,&#x4E00;&#x4E2A;&#x8FDB;&#x7A0B;&#x81F3;&#x5C11;&#x6709;&#x4E00;&#x4E2A;&#x7EBF;&#x7A0B;.
&#x7EBF;&#x7A0B;&#x7684;&#x5212;&#x5206;&#x5C3A;&#x5EA6;&#x5C0F;&#x4E8E;&#x8FDB;&#x7A0B;&#xFF0C;&#x4F7F;&#x5F97;&#x591A;&#x7EBF;&#x7A0B;&#x7A0B;&#x5E8F;&#x7684;&#x5E76;&#x53D1;&#x6027;&#x9AD8;&#x3002;
&#x53E6;&#x5916;&#xFF0C;&#x8FDB;&#x7A0B;&#x5728;&#x6267;&#x884C;&#x8FC7;&#x7A0B;&#x4E2D;&#x62E5;&#x6709;&#x72EC;&#x7ACB;&#x7684;&#x5185;&#x5B58;&#x5355;&#x5143;&#xFF0C;&#x800C;&#x591A;&#x4E2A;&#x7EBF;&#x7A0B;&#x5171;&#x4EAB;&#x5185;&#x5B58;&#xFF0C;&#x4ECE;&#x800C;&#x6781;&#x5927;&#x5730;&#x63D0;&#x9AD8;&#x4E86;&#x7A0B;&#x5E8F;&#x7684;&#x8FD0;&#x884C;&#x6548;&#x7387;&#x3002;
&#x7EBF;&#x7A0B;&#x5728;&#x6267;&#x884C;&#x8FC7;&#x7A0B;&#x4E2D;&#x4E0E;&#x8FDB;&#x7A0B;&#x8FD8;&#x662F;&#x6709;&#x533A;&#x522B;&#x7684;&#x3002;&#x6BCF;&#x4E2A;&#x72EC;&#x7ACB;&#x7684;&#x7EBF;&#x7A0B;&#x6709;&#x4E00;&#x4E2A;&#x7A0B;&#x5E8F;&#x8FD0;&#x884C;&#x7684;&#x5165;&#x53E3;&#x3001;&#x987A;&#x5E8F;&#x6267;&#x884C;&#x5E8F;&#x5217;&#x548C;&#x7A0B;&#x5E8F;&#x7684;&#x51FA;&#x53E3;&#x3002;&#x4F46;&#x662F;&#x7EBF;&#x7A0B;&#x4E0D;&#x80FD;&#x591F;&#x72EC;&#x7ACB;&#x6267;&#x884C;&#xFF0C;&#x5FC5;&#x987B;&#x4F9D;&#x5B58;&#x5728;&#x5E94;&#x7528;&#x7A0B;&#x5E8F;&#x4E2D;&#xFF0C;&#x7531;&#x5E94;&#x7528;&#x7A0B;&#x5E8F;&#x63D0;&#x4F9B;&#x591A;&#x4E2A;&#x7EBF;&#x7A0B;&#x6267;&#x884C;&#x63A7;&#x5236;&#x3002;
&#x4ECE;&#x903B;&#x8F91;&#x89D2;&#x5EA6;&#x6765;&#x770B;&#xFF0C;&#x591A;&#x7EBF;&#x7A0B;&#x7684;&#x610F;&#x4E49;&#x5728;&#x4E8E;&#x4E00;&#x4E2A;&#x5E94;&#x7528;&#x7A0B;&#x5E8F;&#x4E2D;&#xFF0C;&#x6709;&#x591A;&#x4E2A;&#x6267;&#x884C;&#x90E8;&#x5206;&#x53EF;&#x4EE5;&#x540C;&#x65F6;&#x6267;&#x884C;&#x3002;&#x4F46;&#x64CD;&#x4F5C;&#x7CFB;&#x7EDF;&#x5E76;&#x6CA1;&#x6709;&#x5C06;&#x591A;&#x4E2A;&#x7EBF;&#x7A0B;&#x770B;&#x505A;&#x591A;&#x4E2A;&#x72EC;&#x7ACB;&#x7684;&#x5E94;&#x7528;&#xFF0C;&#x6765;&#x5B9E;&#x73B0;&#x8FDB;&#x7A0B;&#x7684;&#x8C03;&#x5EA6;&#x548C;&#x7BA1;&#x7406;&#x4EE5;&#x53CA;&#x8D44;&#x6E90;&#x5206;&#x914D;&#x3002;&#x8FD9;&#x5C31;&#x662F;&#x8FDB;&#x7A0B;&#x548C;&#x7EBF;&#x7A0B;&#x7684;&#x91CD;&#x8981;&#x533A;&#x522B;&#x3002;
</code></pre><h3 id="t27&#x4F60;&#x5982;&#x4F55;&#x5BF9;&#x7F51;&#x7AD9;&#x7684;&#x6587;&#x4EF6;&#x548C;&#x8D44;&#x6E90;&#x8FDB;&#x884C;&#x4F18;&#x5316;&#xFF1F;">&#x4F60;&#x5982;&#x4F55;&#x5BF9;&#x7F51;&#x7AD9;&#x7684;&#x6587;&#x4EF6;&#x548C;&#x8D44;&#x6E90;&#x8FDB;&#x884C;&#x4F18;&#x5316;&#xFF1F; <a href="#t27&#x4F60;&#x5982;&#x4F55;&#x5BF9;&#x7F51;&#x7AD9;&#x7684;&#x6587;&#x4EF6;&#x548C;&#x8D44;&#x6E90;&#x8FDB;&#x884C;&#x4F18;&#x5316;&#xFF1F;"> # </a></h3>
<pre><code>&#x671F;&#x5F85;&#x7684;&#x89E3;&#x51B3;&#x65B9;&#x6848;&#x5305;&#x62EC;&#xFF1A;
 &#x6587;&#x4EF6;&#x5408;&#x5E76;
 &#x6587;&#x4EF6;&#x6700;&#x5C0F;&#x5316;/&#x6587;&#x4EF6;&#x538B;&#x7F29;
 &#x4F7F;&#x7528; CDN &#x6258;&#x7BA1;
 &#x7F13;&#x5B58;&#x7684;&#x4F7F;&#x7528;&#xFF08;&#x591A;&#x4E2A;&#x57DF;&#x540D;&#x6765;&#x63D0;&#x4F9B;&#x7F13;&#x5B58;&#xFF09;
 &#x5176;&#x4ED6;
</code></pre><h3 id="t28&#x8BF7;&#x8BF4;&#x51FA;&#x4E09;&#x79CD;&#x51CF;&#x5C11;&#x9875;&#x9762;&#x52A0;&#x8F7D;&#x65F6;&#x95F4;&#x7684;&#x65B9;&#x6CD5;&#x3002;">&#x8BF7;&#x8BF4;&#x51FA;&#x4E09;&#x79CD;&#x51CF;&#x5C11;&#x9875;&#x9762;&#x52A0;&#x8F7D;&#x65F6;&#x95F4;&#x7684;&#x65B9;&#x6CD5;&#x3002; <a href="#t28&#x8BF7;&#x8BF4;&#x51FA;&#x4E09;&#x79CD;&#x51CF;&#x5C11;&#x9875;&#x9762;&#x52A0;&#x8F7D;&#x65F6;&#x95F4;&#x7684;&#x65B9;&#x6CD5;&#x3002;"> # </a></h3>
<pre><code> 1.&#x4F18;&#x5316;&#x56FE;&#x7247;
 2.&#x56FE;&#x50CF;&#x683C;&#x5F0F;&#x7684;&#x9009;&#x62E9;&#xFF08;GIF&#xFF1A;&#x63D0;&#x4F9B;&#x7684;&#x989C;&#x8272;&#x8F83;&#x5C11;&#xFF0C;&#x53EF;&#x7528;&#x5728;&#x4E00;&#x4E9B;&#x5BF9;&#x989C;&#x8272;&#x8981;&#x6C42;&#x4E0D;&#x9AD8;&#x7684;&#x5730;&#x65B9;&#xFF09;
 3.&#x4F18;&#x5316;CSS&#xFF08;&#x538B;&#x7F29;&#x5408;&#x5E76;css&#xFF0C;&#x5982;margintop,marginleft...)
 4.&#x7F51;&#x5740;&#x540E;&#x52A0;&#x659C;&#x6760;&#xFF08;&#x5982;www.campr.com/&#x76EE;&#x5F55;&#xFF0C;&#x4F1A;&#x5224;&#x65AD;&#x8FD9;&#x4E2A;&#x201C;&#x76EE;&#x5F55;&#x662F;&#x4EC0;&#x4E48;&#x6587;&#x4EF6;&#x7C7B;&#x578B;&#xFF0C;&#x6216;&#x8005;&#x662F;&#x76EE;&#x5F55;&#x3002;&#xFF09;
 5.&#x6807;&#x660E;&#x9AD8;&#x5EA6;&#x548C;&#x5BBD;&#x5EA6;&#xFF08;&#x5982;&#x679C;&#x6D4F;&#x89C8;&#x5668;&#x6CA1;&#x6709;&#x627E;&#x5230;&#x8FD9;&#x4E24;&#x4E2A;&#x53C2;&#x6570;&#xFF0C;&#x5B83;&#x9700;&#x8981;&#x4E00;&#x8FB9;&#x4E0B;&#x8F7D;&#x56FE;&#x7247;&#x4E00;&#x8FB9;&#x8BA1;&#x7B97;&#x5927;&#x5C0F;&#xFF0C;&#x5982;&#x679C;&#x56FE;&#x7247;&#x5F88;&#x591A;&#xFF0C;&#x6D4F;&#x89C8;&#x5668;&#x9700;&#x8981;&#x4E0D;&#x65AD;&#x5730;&#x8C03;&#x6574;&#x9875;&#x9762;&#x3002;&#x8FD9;&#x4E0D;&#x4F46;&#x5F71;&#x54CD;&#x901F;&#x5EA6;&#xFF0C;&#x4E5F;&#x5F71;&#x54CD;&#x6D4F;&#x89C8;&#x4F53;&#x9A8C;&#x3002;
&#x5F53;&#x6D4F;&#x89C8;&#x5668;&#x77E5;&#x9053;&#x4E86;&#x9AD8;&#x5EA6;&#x548C;&#x5BBD;&#x5EA6;&#x53C2;&#x6570;&#x540E;&#xFF0C;&#x5373;&#x4F7F;&#x56FE;&#x7247;&#x6682;&#x65F6;&#x65E0;&#x6CD5;&#x663E;&#x793A;&#xFF0C;&#x9875;&#x9762;&#x4E0A;&#x4E5F;&#x4F1A;&#x817E;&#x51FA;&#x56FE;&#x7247;&#x7684;&#x7A7A;&#x4F4D;&#xFF0C;&#x7136;&#x540E;&#x7EE7;&#x7EED;&#x52A0;&#x8F7D;&#x540E;&#x9762;&#x7684;&#x5185;&#x5BB9;&#x3002;&#x4ECE;&#x800C;&#x52A0;&#x8F7D;&#x65F6;&#x95F4;&#x5FEB;&#x4E86;&#xFF0C;&#x6D4F;&#x89C8;&#x4F53;&#x9A8C;&#x4E5F;&#x66F4;&#x597D;&#x4E86;&#x3002;&#xFF09;

6.&#x51CF;&#x5C11;http&#x8BF7;&#x6C42;&#xFF08;&#x5408;&#x5E76;&#x6587;&#x4EF6;&#xFF0C;&#x5408;&#x5E76;&#x56FE;&#x7247;&#xFF09;&#x3002;
</code></pre><h3 id="t29&#x4F60;&#x90FD;&#x4F7F;&#x7528;&#x54EA;&#x4E9B;&#x5DE5;&#x5177;&#x6765;&#x6D4B;&#x8BD5;&#x4EE3;&#x7801;&#x7684;&#x6027;&#x80FD;&#xFF1F;">&#x4F60;&#x90FD;&#x4F7F;&#x7528;&#x54EA;&#x4E9B;&#x5DE5;&#x5177;&#x6765;&#x6D4B;&#x8BD5;&#x4EE3;&#x7801;&#x7684;&#x6027;&#x80FD;&#xFF1F; <a href="#t29&#x4F60;&#x90FD;&#x4F7F;&#x7528;&#x54EA;&#x4E9B;&#x5DE5;&#x5177;&#x6765;&#x6D4B;&#x8BD5;&#x4EE3;&#x7801;&#x7684;&#x6027;&#x80FD;&#xFF1F;"> # </a></h3>
<pre><code>Profiler, JSPerf&#xFF08;http://jsperf.com/nexttickvssetzerotimeoutvssettimeout&#xFF09;, Dromaeo
</code></pre><h3 id="t30&#x4EC0;&#x4E48;&#x662F; FOUC&#xFF08;&#x65E0;&#x6837;&#x5F0F;&#x5185;&#x5BB9;&#x95EA;&#x70C1;&#xFF09;&#xFF1F;&#x4F60;&#x5982;&#x4F55;&#x6765;&#x907F;&#x514D; FOUC&#xFF1F;">&#x4EC0;&#x4E48;&#x662F; FOUC&#xFF08;&#x65E0;&#x6837;&#x5F0F;&#x5185;&#x5BB9;&#x95EA;&#x70C1;&#xFF09;&#xFF1F;&#x4F60;&#x5982;&#x4F55;&#x6765;&#x907F;&#x514D; FOUC&#xFF1F; <a href="#t30&#x4EC0;&#x4E48;&#x662F; FOUC&#xFF08;&#x65E0;&#x6837;&#x5F0F;&#x5185;&#x5BB9;&#x95EA;&#x70C1;&#xFF09;&#xFF1F;&#x4F60;&#x5982;&#x4F55;&#x6765;&#x907F;&#x514D; FOUC&#xFF1F;"> # </a></h3>
<pre><code> FOUC  Flash Of Unstyled Content &#x6587;&#x6863;&#x6837;&#x5F0F;&#x95EA;&#x70C1;
 &lt;style type=&quot;text/css&quot; media=&quot;all&quot;&gt;@import &quot;../fouc.css&quot;;&lt;/style&gt;
&#x800C;&#x5F15;&#x7528;CSS&#x6587;&#x4EF6;&#x7684;@import&#x5C31;&#x662F;&#x9020;&#x6210;&#x8FD9;&#x4E2A;&#x95EE;&#x9898;&#x7684;&#x7F6A;&#x9B41;&#x7978;&#x9996;&#x3002;IE&#x4F1A;&#x5148;&#x52A0;&#x8F7D;&#x6574;&#x4E2A;HTML&#x6587;&#x6863;&#x7684;DOM&#xFF0C;&#x7136;&#x540E;&#x518D;&#x53BB;&#x5BFC;&#x5165;&#x5916;&#x90E8;&#x7684;CSS&#x6587;&#x4EF6;&#xFF0C;&#x56E0;&#x6B64;&#xFF0C;&#x5728;&#x9875;&#x9762;DOM&#x52A0;&#x8F7D;&#x5B8C;&#x6210;&#x5230;CSS&#x5BFC;&#x5165;&#x5B8C;&#x6210;&#x4E2D;&#x95F4;&#x4F1A;&#x6709;&#x4E00;&#x6BB5;&#x65F6;&#x95F4;&#x9875;&#x9762;&#x4E0A;&#x7684;&#x5185;&#x5BB9;&#x662F;&#x6CA1;&#x6709;&#x6837;&#x5F0F;&#x7684;&#xFF0C;&#x8FD9;&#x6BB5;&#x65F6;&#x95F4;&#x7684;&#x957F;&#x77ED;&#x8DDF;&#x7F51;&#x901F;&#xFF0C;&#x7535;&#x8111;&#x901F;&#x5EA6;&#x90FD;&#x6709;&#x5173;&#x7CFB;&#x3002;
 &#x89E3;&#x51B3;&#x65B9;&#x6CD5;&#x7B80;&#x5355;&#x7684;&#x51FA;&#x5947;&#xFF0C;&#x53EA;&#x8981;&#x5728;&lt;head&gt;&#x4E4B;&#x95F4;&#x52A0;&#x5165;&#x4E00;&#x4E2A;&lt;link&gt;&#x6216;&#x8005;&lt;script&gt;&#x5143;&#x7D20;&#x5C31;&#x53EF;&#x4EE5;&#x4E86;&#x3002;
</code></pre><h3 id="t31null&#x548C;undefined&#x7684;&#x533A;&#x522B;&#xFF1F;">null&#x548C;undefined&#x7684;&#x533A;&#x522B;&#xFF1F; <a href="#t31null&#x548C;undefined&#x7684;&#x533A;&#x522B;&#xFF1F;"> # </a></h3>
<p><code>null</code>&#x662F;&#x4E00;&#x4E2A;&#x8868;&#x793A;&quot;&#x65E0;&quot;&#x7684;&#x5BF9;&#x8C61;&#xFF0C;&#x8F6C;&#x4E3A;&#x6570;&#x503C;&#x65F6;&#x4E3A;0&#xFF1B;<code>undefined</code>&#x662F;&#x4E00;&#x4E2A;&#x8868;&#x793A;&quot;&#x65E0;&quot;&#x7684;&#x539F;&#x59CB;&#x503C;&#xFF0C;&#x8F6C;&#x4E3A;&#x6570;&#x503C;&#x65F6;&#x4E3A;<code>NaN</code>&#x3002;</p>
<p>&#x5F53;&#x58F0;&#x660E;&#x7684;&#x53D8;&#x91CF;&#x8FD8;&#x672A;&#x88AB;&#x521D;&#x59CB;&#x5316;&#x65F6;&#xFF0C;&#x53D8;&#x91CF;&#x7684;&#x9ED8;&#x8BA4;&#x503C;&#x4E3A;<code>undefined</code>&#x3002;
<code>null</code>&#x7528;&#x6765;&#x8868;&#x793A;&#x5C1A;&#x672A;&#x5B58;&#x5728;&#x7684;&#x5BF9;&#x8C61;&#xFF0C;&#x5E38;&#x7528;&#x6765;&#x8868;&#x793A;&#x51FD;&#x6570;&#x4F01;&#x56FE;&#x8FD4;&#x56DE;&#x4E00;&#x4E2A;&#x4E0D;&#x5B58;&#x5728;&#x7684;&#x5BF9;&#x8C61;&#x3002;</p>
<p><code>undefined</code>&#x8868;&#x793A;&quot;&#x7F3A;&#x5C11;&#x503C;&quot;&#xFF0C;&#x5C31;&#x662F;&#x6B64;&#x5904;&#x5E94;&#x8BE5;&#x6709;&#x4E00;&#x4E2A;&#x503C;&#xFF0C;&#x4F46;&#x662F;&#x8FD8;&#x6CA1;&#x6709;&#x5B9A;&#x4E49;&#x3002;&#x5178;&#x578B;&#x7528;&#x6CD5;&#x662F;&#xFF1A;</p>
<pre><code>&#xFF08;1&#xFF09;&#x53D8;&#x91CF;&#x88AB;&#x58F0;&#x660E;&#x4E86;&#xFF0C;&#x4F46;&#x6CA1;&#x6709;&#x8D4B;&#x503C;&#x65F6;&#xFF0C;&#x5C31;&#x7B49;&#x4E8E;undefined&#x3002;

&#xFF08;2) &#x8C03;&#x7528;&#x51FD;&#x6570;&#x65F6;&#xFF0C;&#x5E94;&#x8BE5;&#x63D0;&#x4F9B;&#x7684;&#x53C2;&#x6570;&#x6CA1;&#x6709;&#x63D0;&#x4F9B;&#xFF0C;&#x8BE5;&#x53C2;&#x6570;&#x7B49;&#x4E8E;undefined&#x3002;

&#xFF08;3&#xFF09;&#x5BF9;&#x8C61;&#x6CA1;&#x6709;&#x8D4B;&#x503C;&#x7684;&#x5C5E;&#x6027;&#xFF0C;&#x8BE5;&#x5C5E;&#x6027;&#x7684;&#x503C;&#x4E3A;undefined&#x3002;

&#xFF08;4&#xFF09;&#x51FD;&#x6570;&#x6CA1;&#x6709;&#x8FD4;&#x56DE;&#x503C;&#x65F6;&#xFF0C;&#x9ED8;&#x8BA4;&#x8FD4;&#x56DE;undefined&#x3002;
</code></pre><p><code>null</code>&#x8868;&#x793A;&quot;&#x6CA1;&#x6709;&#x5BF9;&#x8C61;&quot;&#xFF0C;&#x5373;&#x8BE5;&#x5904;&#x4E0D;&#x5E94;&#x8BE5;&#x6709;&#x503C;&#x3002;&#x5178;&#x578B;&#x7528;&#x6CD5;&#x662F;&#xFF1A;</p>
<pre><code>&#xFF08;1&#xFF09; &#x4F5C;&#x4E3A;&#x51FD;&#x6570;&#x7684;&#x53C2;&#x6570;&#xFF0C;&#x8868;&#x793A;&#x8BE5;&#x51FD;&#x6570;&#x7684;&#x53C2;&#x6570;&#x4E0D;&#x662F;&#x5BF9;&#x8C61;&#x3002;

&#xFF08;2&#xFF09; &#x4F5C;&#x4E3A;&#x5BF9;&#x8C61;&#x539F;&#x578B;&#x94FE;&#x7684;&#x7EC8;&#x70B9;&#x3002;
</code></pre><h3 id="t32new&#x64CD;&#x4F5C;&#x7B26;&#x5177;&#x4F53;&#x5E72;&#x4E86;&#x4EC0;&#x4E48;&#x5462;?">new&#x64CD;&#x4F5C;&#x7B26;&#x5177;&#x4F53;&#x5E72;&#x4E86;&#x4EC0;&#x4E48;&#x5462;? <a href="#t32new&#x64CD;&#x4F5C;&#x7B26;&#x5177;&#x4F53;&#x5E72;&#x4E86;&#x4EC0;&#x4E48;&#x5462;?"> # </a></h3>
<pre><code>   1&#x3001;&#x521B;&#x5EFA;&#x4E00;&#x4E2A;&#x7A7A;&#x5BF9;&#x8C61;&#xFF0C;&#x5E76;&#x4E14; this &#x53D8;&#x91CF;&#x5F15;&#x7528;&#x8BE5;&#x5BF9;&#x8C61;&#xFF0C;&#x540C;&#x65F6;&#x8FD8;&#x7EE7;&#x627F;&#x4E86;&#x8BE5;&#x51FD;&#x6570;&#x7684;&#x539F;&#x578B;&#x3002;
   2&#x3001;&#x5C5E;&#x6027;&#x548C;&#x65B9;&#x6CD5;&#x88AB;&#x52A0;&#x5165;&#x5230; this &#x5F15;&#x7528;&#x7684;&#x5BF9;&#x8C61;&#x4E2D;&#x3002;
   3&#x3001;&#x65B0;&#x521B;&#x5EFA;&#x7684;&#x5BF9;&#x8C61;&#x7531; this &#x6240;&#x5F15;&#x7528;&#xFF0C;&#x5E76;&#x4E14;&#x6700;&#x540E;&#x9690;&#x5F0F;&#x7684;&#x8FD4;&#x56DE; this &#x3002;

var obj  = {};
obj.__proto__ = Base.prototype;
Base.call(obj);
</code></pre><h3 id="t33JSON &#x7684;&#x4E86;&#x89E3;&#xFF1F;">JSON &#x7684;&#x4E86;&#x89E3;&#xFF1F; <a href="#t33JSON &#x7684;&#x4E86;&#x89E3;&#xFF1F;"> # </a></h3>
<pre><code>JSON(JavaScript Object Notation) &#x662F;&#x4E00;&#x79CD;&#x8F7B;&#x91CF;&#x7EA7;&#x7684;&#x6570;&#x636E;&#x4EA4;&#x6362;&#x683C;&#x5F0F;&#x3002;
&#x5B83;&#x662F;&#x57FA;&#x4E8E;JavaScript&#x7684;&#x4E00;&#x4E2A;&#x5B50;&#x96C6;&#x3002;&#x6570;&#x636E;&#x683C;&#x5F0F;&#x7B80;&#x5355;, &#x6613;&#x4E8E;&#x8BFB;&#x5199;, &#x5360;&#x7528;&#x5E26;&#x5BBD;&#x5C0F;
{&apos;age&apos;:&apos;12&apos;, &apos;name&apos;:&apos;back&apos;}
</code></pre><h3 id="t34js&#x5EF6;&#x8FDF;&#x52A0;&#x8F7D;&#x7684;&#x65B9;&#x5F0F;&#x6709;&#x54EA;&#x4E9B;&#xFF1F;">js&#x5EF6;&#x8FDF;&#x52A0;&#x8F7D;&#x7684;&#x65B9;&#x5F0F;&#x6709;&#x54EA;&#x4E9B;&#xFF1F; <a href="#t34js&#x5EF6;&#x8FDF;&#x52A0;&#x8F7D;&#x7684;&#x65B9;&#x5F0F;&#x6709;&#x54EA;&#x4E9B;&#xFF1F;"> # </a></h3>
<pre><code>defer&#x548C;async&#x3001;&#x52A8;&#x6001;&#x521B;&#x5EFA;DOM&#x65B9;&#x5F0F;&#xFF08;&#x521B;&#x5EFA;script&#xFF0C;&#x63D2;&#x5165;&#x5230;DOM&#x4E2D;&#xFF0C;&#x52A0;&#x8F7D;&#x5B8C;&#x6BD5;&#x540E;callBack&#xFF09;&#x3001;&#x6309;&#x9700;&#x5F02;&#x6B65;&#x8F7D;&#x5165;js
</code></pre><h3 id="t35&#x5982;&#x4F55;&#x89E3;&#x51B3;&#x8DE8;&#x57DF;&#x95EE;&#x9898;?">&#x5982;&#x4F55;&#x89E3;&#x51B3;&#x8DE8;&#x57DF;&#x95EE;&#x9898;? <a href="#t35&#x5982;&#x4F55;&#x89E3;&#x51B3;&#x8DE8;&#x57DF;&#x95EE;&#x9898;?"> # </a></h3>
<pre><code>    jsonp&#x3001; document.domain+iframe&#x3001;window.name&#x3001;window.postMessage&#x3001;&#x670D;&#x52A1;&#x5668;&#x4E0A;&#x8BBE;&#x7F6E;&#x4EE3;&#x7406;&#x9875;&#x9762;

jsonp&#x7684;&#x539F;&#x7406;&#x662F;&#x52A8;&#x6001;&#x63D2;&#x5165;script&#x6807;&#x7B7E;
</code></pre><p>&#x5177;&#x4F53;&#x53C2;&#x89C1;&#xFF1A;[&#x8BE6;&#x89E3;js&#x8DE8;&#x57DF;&#x95EE;&#x9898;][2]</p>
<h3 id="t36documen.write&#x548C; innerHTML&#x7684;&#x533A;&#x522B;">documen.write&#x548C; innerHTML&#x7684;&#x533A;&#x522B; <a href="#t36documen.write&#x548C; innerHTML&#x7684;&#x533A;&#x522B;"> # </a></h3>
<pre><code>document.write&#x53EA;&#x80FD;&#x91CD;&#x7ED8;&#x6574;&#x4E2A;&#x9875;&#x9762;

innerHTML&#x53EF;&#x4EE5;&#x91CD;&#x7ED8;&#x9875;&#x9762;&#x7684;&#x4E00;&#x90E8;&#x5206;
</code></pre><h3 id="t37.call() &#x548C; .apply() &#x7684;&#x533A;&#x522B;&#x548C;&#x4F5C;&#x7528;&#xFF1F;">.call() &#x548C; .apply() &#x7684;&#x533A;&#x522B;&#x548C;&#x4F5C;&#x7528;&#xFF1F; <a href="#t37.call() &#x548C; .apply() &#x7684;&#x533A;&#x522B;&#x548C;&#x4F5C;&#x7528;&#xFF1F;"> # </a></h3>
<p>&#x4F5C;&#x7528;&#xFF1A;&#x52A8;&#x6001;&#x6539;&#x53D8;&#x67D0;&#x4E2A;&#x7C7B;&#x7684;&#x67D0;&#x4E2A;&#x65B9;&#x6CD5;&#x7684;&#x8FD0;&#x884C;&#x73AF;&#x5883;&#x3002;
&#x533A;&#x522B;&#x53C2;&#x89C1;&#xFF1A;[JavaScript&#x5B66;&#x4E60;&#x603B;&#x7ED3;&#xFF08;&#x56DB;&#xFF09;function&#x51FD;&#x6570;&#x90E8;&#x5206;][3]</p>
<h3 id="t38&#x54EA;&#x4E9B;&#x64CD;&#x4F5C;&#x4F1A;&#x9020;&#x6210;&#x5185;&#x5B58;&#x6CC4;&#x6F0F;&#xFF1F;">&#x54EA;&#x4E9B;&#x64CD;&#x4F5C;&#x4F1A;&#x9020;&#x6210;&#x5185;&#x5B58;&#x6CC4;&#x6F0F;&#xFF1F; <a href="#t38&#x54EA;&#x4E9B;&#x64CD;&#x4F5C;&#x4F1A;&#x9020;&#x6210;&#x5185;&#x5B58;&#x6CC4;&#x6F0F;&#xFF1F;"> # </a></h3>
<pre><code>&#x5185;&#x5B58;&#x6CC4;&#x6F0F;&#x6307;&#x4EFB;&#x4F55;&#x5BF9;&#x8C61;&#x5728;&#x60A8;&#x4E0D;&#x518D;&#x62E5;&#x6709;&#x6216;&#x9700;&#x8981;&#x5B83;&#x4E4B;&#x540E;&#x4ECD;&#x7136;&#x5B58;&#x5728;&#x3002;
&#x5783;&#x573E;&#x56DE;&#x6536;&#x5668;&#x5B9A;&#x671F;&#x626B;&#x63CF;&#x5BF9;&#x8C61;&#xFF0C;&#x5E76;&#x8BA1;&#x7B97;&#x5F15;&#x7528;&#x4E86;&#x6BCF;&#x4E2A;&#x5BF9;&#x8C61;&#x7684;&#x5176;&#x4ED6;&#x5BF9;&#x8C61;&#x7684;&#x6570;&#x91CF;&#x3002;&#x5982;&#x679C;&#x4E00;&#x4E2A;&#x5BF9;&#x8C61;&#x7684;&#x5F15;&#x7528;&#x6570;&#x91CF;&#x4E3A; 0&#xFF08;&#x6CA1;&#x6709;&#x5176;&#x4ED6;&#x5BF9;&#x8C61;&#x5F15;&#x7528;&#x8FC7;&#x8BE5;&#x5BF9;&#x8C61;&#xFF09;&#xFF0C;&#x6216;&#x5BF9;&#x8BE5;&#x5BF9;&#x8C61;&#x7684;&#x60DF;&#x4E00;&#x5F15;&#x7528;&#x662F;&#x5FAA;&#x73AF;&#x7684;&#xFF0C;&#x90A3;&#x4E48;&#x8BE5;&#x5BF9;&#x8C61;&#x7684;&#x5185;&#x5B58;&#x5373;&#x53EF;&#x56DE;&#x6536;&#x3002;

setTimeout &#x7684;&#x7B2C;&#x4E00;&#x4E2A;&#x53C2;&#x6570;&#x4F7F;&#x7528;&#x5B57;&#x7B26;&#x4E32;&#x800C;&#x975E;&#x51FD;&#x6570;&#x7684;&#x8BDD;&#xFF0C;&#x4F1A;&#x5F15;&#x53D1;&#x5185;&#x5B58;&#x6CC4;&#x6F0F;&#x3002;
&#x95ED;&#x5305;&#x3001;&#x63A7;&#x5236;&#x53F0;&#x65E5;&#x5FD7;&#x3001;&#x5FAA;&#x73AF;&#xFF08;&#x5728;&#x4E24;&#x4E2A;&#x5BF9;&#x8C61;&#x5F7C;&#x6B64;&#x5F15;&#x7528;&#x4E14;&#x5F7C;&#x6B64;&#x4FDD;&#x7559;&#x65F6;&#xFF0C;&#x5C31;&#x4F1A;&#x4EA7;&#x751F;&#x4E00;&#x4E2A;&#x5FAA;&#x73AF;&#xFF09;
</code></pre><p>&#x8BE6;&#x89C1;&#xFF1A;[&#x8BE6;&#x89E3;js&#x53D8;&#x91CF;&#x3001;&#x4F5C;&#x7528;&#x57DF;&#x53CA;&#x5185;&#x5B58;][4]</p>
<h3 id="t39JavaScript&#x4E2D;&#x7684;&#x4F5C;&#x7528;&#x57DF;&#x4E0E;&#x53D8;&#x91CF;&#x58F0;&#x660E;&#x63D0;&#x5347;&#xFF1F;">JavaScript&#x4E2D;&#x7684;&#x4F5C;&#x7528;&#x57DF;&#x4E0E;&#x53D8;&#x91CF;&#x58F0;&#x660E;&#x63D0;&#x5347;&#xFF1F; <a href="#t39JavaScript&#x4E2D;&#x7684;&#x4F5C;&#x7528;&#x57DF;&#x4E0E;&#x53D8;&#x91CF;&#x58F0;&#x660E;&#x63D0;&#x5347;&#xFF1F;"> # </a></h3>
<p>&#x8BE6;&#x89C1;&#xFF1A;[&#x8BE6;&#x89E3;JavaScript&#x51FD;&#x6570;&#x6A21;&#x5F0F;][5]</p>
<h3 id="t40&#x5982;&#x4F55;&#x5224;&#x65AD;&#x5F53;&#x524D;&#x811A;&#x672C;&#x8FD0;&#x884C;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x8FD8;&#x662F;node&#x73AF;&#x5883;&#x4E2D;&#xFF1F;">&#x5982;&#x4F55;&#x5224;&#x65AD;&#x5F53;&#x524D;&#x811A;&#x672C;&#x8FD0;&#x884C;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x8FD8;&#x662F;node&#x73AF;&#x5883;&#x4E2D;&#xFF1F; <a href="#t40&#x5982;&#x4F55;&#x5224;&#x65AD;&#x5F53;&#x524D;&#x811A;&#x672C;&#x8FD0;&#x884C;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x8FD8;&#x662F;node&#x73AF;&#x5883;&#x4E2D;&#xFF1F;"> # </a></h3>
<pre><code>&#x901A;&#x8FC7;&#x5224;&#x65AD;Global&#x5BF9;&#x8C61;&#x662F;&#x5426;&#x4E3A;window&#xFF0C;&#x5982;&#x679C;&#x4E0D;&#x4E3A;window&#xFF0C;&#x5F53;&#x524D;&#x811A;&#x672C;&#x6CA1;&#x6709;&#x8FD0;&#x884C;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;
</code></pre><h1 id="t41Javascript&#x7EFC;&#x5408;">Javascript&#x7EFC;&#x5408; <a href="#t41Javascript&#x7EFC;&#x5408;"> # </a></h1>
<h3 id="t42&#x4F60;&#x6709;&#x54EA;&#x4E9B;&#x6027;&#x80FD;&#x4F18;&#x5316;&#x7684;&#x65B9;&#x6CD5;&#xFF1F;">&#x4F60;&#x6709;&#x54EA;&#x4E9B;&#x6027;&#x80FD;&#x4F18;&#x5316;&#x7684;&#x65B9;&#x6CD5;&#xFF1F; <a href="#t42&#x4F60;&#x6709;&#x54EA;&#x4E9B;&#x6027;&#x80FD;&#x4F18;&#x5316;&#x7684;&#x65B9;&#x6CD5;&#xFF1F;"> # </a></h3>
<p> &#xFF08;[&#x8BE6;&#x60C5;&#x8BF7;&#x770B;&#x96C5;&#x864E;14&#x6761;&#x6027;&#x80FD;&#x4F18;&#x5316;&#x539F;&#x5219;][7]&#xFF09;&#x3002;</p>
<pre><code>  &#xFF08;1&#xFF09; &#x51CF;&#x5C11;http&#x8BF7;&#x6C42;&#x6B21;&#x6570;&#xFF1A;CSS Sprites, JS&#x3001;CSS&#x6E90;&#x7801;&#x538B;&#x7F29;&#x3001;&#x56FE;&#x7247;&#x5927;&#x5C0F;&#x63A7;&#x5236;&#x5408;&#x9002;&#xFF1B;&#x7F51;&#x9875;Gzip&#xFF0C;CDN&#x6258;&#x7BA1;&#xFF0C;data&#x7F13;&#x5B58; &#xFF0C;&#x56FE;&#x7247;&#x670D;&#x52A1;&#x5668;&#x3002;

  &#xFF08;2&#xFF09; &#x524D;&#x7AEF;&#x6A21;&#x677F; JS+&#x6570;&#x636E;&#xFF0C;&#x51CF;&#x5C11;&#x7531;&#x4E8E;HTML&#x6807;&#x7B7E;&#x5BFC;&#x81F4;&#x7684;&#x5E26;&#x5BBD;&#x6D6A;&#x8D39;&#xFF0C;&#x524D;&#x7AEF;&#x7528;&#x53D8;&#x91CF;&#x4FDD;&#x5B58;AJAX&#x8BF7;&#x6C42;&#x7ED3;&#x679C;&#xFF0C;&#x6BCF;&#x6B21;&#x64CD;&#x4F5C;&#x672C;&#x5730;&#x53D8;&#x91CF;&#xFF0C;&#x4E0D;&#x7528;&#x8BF7;&#x6C42;&#xFF0C;&#x51CF;&#x5C11;&#x8BF7;&#x6C42;&#x6B21;&#x6570;

  &#xFF08;3&#xFF09; &#x7528;innerHTML&#x4EE3;&#x66FF;DOM&#x64CD;&#x4F5C;&#xFF0C;&#x51CF;&#x5C11;DOM&#x64CD;&#x4F5C;&#x6B21;&#x6570;&#xFF0C;&#x4F18;&#x5316;javascript&#x6027;&#x80FD;&#x3002;

  &#xFF08;4&#xFF09; &#x5F53;&#x9700;&#x8981;&#x8BBE;&#x7F6E;&#x7684;&#x6837;&#x5F0F;&#x5F88;&#x591A;&#x65F6;&#x8BBE;&#x7F6E;className&#x800C;&#x4E0D;&#x662F;&#x76F4;&#x63A5;&#x64CD;&#x4F5C;style&#x3002;

  &#xFF08;5&#xFF09; &#x5C11;&#x7528;&#x5168;&#x5C40;&#x53D8;&#x91CF;&#x3001;&#x7F13;&#x5B58;DOM&#x8282;&#x70B9;&#x67E5;&#x627E;&#x7684;&#x7ED3;&#x679C;&#x3002;&#x51CF;&#x5C11;IO&#x8BFB;&#x53D6;&#x64CD;&#x4F5C;&#x3002;

  &#xFF08;6&#xFF09; &#x907F;&#x514D;&#x4F7F;&#x7528;CSS Expression&#xFF08;css&#x8868;&#x8FBE;&#x5F0F;)&#x53C8;&#x79F0;Dynamic properties(&#x52A8;&#x6001;&#x5C5E;&#x6027;)&#x3002;

  &#xFF08;7&#xFF09; &#x56FE;&#x7247;&#x9884;&#x52A0;&#x8F7D;&#xFF0C;&#x5C06;&#x6837;&#x5F0F;&#x8868;&#x653E;&#x5728;&#x9876;&#x90E8;&#xFF0C;&#x5C06;&#x811A;&#x672C;&#x653E;&#x5728;&#x5E95;&#x90E8;  &#x52A0;&#x4E0A;&#x65F6;&#x95F4;&#x6233;&#x3002;
</code></pre><h3 id="t43http&#x72B6;&#x6001;&#x7801;&#x6709;&#x90A3;&#x4E9B;&#xFF1F;&#x5206;&#x522B;&#x4EE3;&#x8868;&#x662F;&#x4EC0;&#x4E48;&#x610F;&#x601D;&#xFF1F;">http&#x72B6;&#x6001;&#x7801;&#x6709;&#x90A3;&#x4E9B;&#xFF1F;&#x5206;&#x522B;&#x4EE3;&#x8868;&#x662F;&#x4EC0;&#x4E48;&#x610F;&#x601D;&#xFF1F; <a href="#t43http&#x72B6;&#x6001;&#x7801;&#x6709;&#x90A3;&#x4E9B;&#xFF1F;&#x5206;&#x522B;&#x4EE3;&#x8868;&#x662F;&#x4EC0;&#x4E48;&#x610F;&#x601D;&#xFF1F;"> # </a></h3>
<pre><code>100199 &#x7528;&#x4E8E;&#x6307;&#x5B9A;&#x5BA2;&#x6237;&#x7AEF;&#x5E94;&#x76F8;&#x5E94;&#x7684;&#x67D0;&#x4E9B;&#x52A8;&#x4F5C;&#x3002;
200299 &#x7528;&#x4E8E;&#x8868;&#x793A;&#x8BF7;&#x6C42;&#x6210;&#x529F;&#x3002;
300399 &#x7528;&#x4E8E;&#x5DF2;&#x7ECF;&#x79FB;&#x52A8;&#x7684;&#x6587;&#x4EF6;&#x5E76;&#x4E14;&#x5E38;&#x88AB;&#x5305;&#x542B;&#x5728;&#x5B9A;&#x4F4D;&#x5934;&#x4FE1;&#x606F;&#x4E2D;&#x6307;&#x5B9A;&#x65B0;&#x7684;&#x5730;&#x5740;&#x4FE1;&#x606F;&#x3002;
400499 &#x7528;&#x4E8E;&#x6307;&#x51FA;&#x5BA2;&#x6237;&#x7AEF;&#x7684;&#x9519;&#x8BEF;&#x3002;400    1&#x3001;&#x8BED;&#x4E49;&#x6709;&#x8BEF;&#xFF0C;&#x5F53;&#x524D;&#x8BF7;&#x6C42;&#x65E0;&#x6CD5;&#x88AB;&#x670D;&#x52A1;&#x5668;&#x7406;&#x89E3;&#x3002;401   &#x5F53;&#x524D;&#x8BF7;&#x6C42;&#x9700;&#x8981;&#x7528;&#x6237;&#x9A8C;&#x8BC1; 403  &#x670D;&#x52A1;&#x5668;&#x5DF2;&#x7ECF;&#x7406;&#x89E3;&#x8BF7;&#x6C42;&#xFF0C;&#x4F46;&#x662F;&#x62D2;&#x7EDD;&#x6267;&#x884C;&#x5B83;&#x3002;
500599 &#x7528;&#x4E8E;&#x652F;&#x6301;&#x670D;&#x52A1;&#x5668;&#x9519;&#x8BEF;&#x3002; 503 &#x2013; &#x670D;&#x52A1;&#x4E0D;&#x53EF;&#x7528;
</code></pre><p>&#x8BE6;&#x60C5;&#xFF1A;<a href="http://segmentfault.com/blog/trigkit4/1190000000691919">http://segmentfault.com/blog/trigkit4/1190000000691919</a></p>
<h3 id="t44&#x4E00;&#x4E2A;&#x9875;&#x9762;&#x4ECE;&#x8F93;&#x5165; URL &#x5230;&#x9875;&#x9762;&#x52A0;&#x8F7D;&#x663E;&#x793A;&#x5B8C;&#x6210;&#xFF0C;&#x8FD9;&#x4E2A;&#x8FC7;&#x7A0B;&#x4E2D;&#x90FD;&#x53D1;&#x751F;&#x4E86;&#x4EC0;&#x4E48;&#xFF1F;">&#x4E00;&#x4E2A;&#x9875;&#x9762;&#x4ECE;&#x8F93;&#x5165; URL &#x5230;&#x9875;&#x9762;&#x52A0;&#x8F7D;&#x663E;&#x793A;&#x5B8C;&#x6210;&#xFF0C;&#x8FD9;&#x4E2A;&#x8FC7;&#x7A0B;&#x4E2D;&#x90FD;&#x53D1;&#x751F;&#x4E86;&#x4EC0;&#x4E48;&#xFF1F; <a href="#t44&#x4E00;&#x4E2A;&#x9875;&#x9762;&#x4ECE;&#x8F93;&#x5165; URL &#x5230;&#x9875;&#x9762;&#x52A0;&#x8F7D;&#x663E;&#x793A;&#x5B8C;&#x6210;&#xFF0C;&#x8FD9;&#x4E2A;&#x8FC7;&#x7A0B;&#x4E2D;&#x90FD;&#x53D1;&#x751F;&#x4E86;&#x4EC0;&#x4E48;&#xFF1F;"> # </a></h3>
<pre><code>    &#x5206;&#x4E3A;4&#x4E2A;&#x6B65;&#x9AA4;&#xFF1A;
    &#xFF08;1&#xFF09;&#xFF0C;&#x5F53;&#x53D1;&#x9001;&#x4E00;&#x4E2A;URL&#x8BF7;&#x6C42;&#x65F6;&#xFF0C;&#x4E0D;&#x7BA1;&#x8FD9;&#x4E2A;URL&#x662F;Web&#x9875;&#x9762;&#x7684;URL&#x8FD8;&#x662F;Web&#x9875;&#x9762;&#x4E0A;&#x6BCF;&#x4E2A;&#x8D44;&#x6E90;&#x7684;URL&#xFF0C;&#x6D4F;&#x89C8;&#x5668;&#x90FD;&#x4F1A;&#x5F00;&#x542F;&#x4E00;&#x4E2A;&#x7EBF;&#x7A0B;&#x6765;&#x5904;&#x7406;&#x8FD9;&#x4E2A;&#x8BF7;&#x6C42;&#xFF0C;&#x540C;&#x65F6;&#x5728;&#x8FDC;&#x7A0B;DNS&#x670D;&#x52A1;&#x5668;&#x4E0A;&#x542F;&#x52A8;&#x4E00;&#x4E2A;DNS&#x67E5;&#x8BE2;&#x3002;&#x8FD9;&#x80FD;&#x4F7F;&#x6D4F;&#x89C8;&#x5668;&#x83B7;&#x5F97;&#x8BF7;&#x6C42;&#x5BF9;&#x5E94;&#x7684;IP&#x5730;&#x5740;&#x3002;
    &#xFF08;2&#xFF09;&#xFF0C; &#x6D4F;&#x89C8;&#x5668;&#x4E0E;&#x8FDC;&#x7A0B;Web&#x670D;&#x52A1;&#x5668;&#x901A;&#x8FC7;TCP&#x4E09;&#x6B21;&#x63E1;&#x624B;&#x534F;&#x5546;&#x6765;&#x5EFA;&#x7ACB;&#x4E00;&#x4E2A;TCP/IP&#x8FDE;&#x63A5;&#x3002;&#x8BE5;&#x63E1;&#x624B;&#x5305;&#x62EC;&#x4E00;&#x4E2A;&#x540C;&#x6B65;&#x62A5;&#x6587;&#xFF0C;&#x4E00;&#x4E2A;&#x540C;&#x6B65;&#x5E94;&#x7B54;&#x62A5;&#x6587;&#x548C;&#x4E00;&#x4E2A;&#x5E94;&#x7B54;&#x62A5;&#x6587;&#xFF0C;&#x8FD9;&#x4E09;&#x4E2A;&#x62A5;&#x6587;&#x5728; &#x6D4F;&#x89C8;&#x5668;&#x548C;&#x670D;&#x52A1;&#x5668;&#x4E4B;&#x95F4;&#x4F20;&#x9012;&#x3002;&#x8BE5;&#x63E1;&#x624B;&#x9996;&#x5148;&#x7531;&#x5BA2;&#x6237;&#x7AEF;&#x5C1D;&#x8BD5;&#x5EFA;&#x7ACB;&#x8D77;&#x901A;&#x4FE1;&#xFF0C;&#x800C;&#x540E;&#x670D;&#x52A1;&#x5668;&#x5E94;&#x7B54;&#x5E76;&#x63A5;&#x53D7;&#x5BA2;&#x6237;&#x7AEF;&#x7684;&#x8BF7;&#x6C42;&#xFF0C;&#x6700;&#x540E;&#x7531;&#x5BA2;&#x6237;&#x7AEF;&#x53D1;&#x51FA;&#x8BE5;&#x8BF7;&#x6C42;&#x5DF2;&#x7ECF;&#x88AB;&#x63A5;&#x53D7;&#x7684;&#x62A5;&#x6587;&#x3002;
    &#xFF08;3&#xFF09;&#xFF0C;&#x4E00;&#x65E6;TCP/IP&#x8FDE;&#x63A5;&#x5EFA;&#x7ACB;&#xFF0C;&#x6D4F;&#x89C8;&#x5668;&#x4F1A;&#x901A;&#x8FC7;&#x8BE5;&#x8FDE;&#x63A5;&#x5411;&#x8FDC;&#x7A0B;&#x670D;&#x52A1;&#x5668;&#x53D1;&#x9001;HTTP&#x7684;GET&#x8BF7;&#x6C42;&#x3002;&#x8FDC;&#x7A0B;&#x670D;&#x52A1;&#x5668;&#x627E;&#x5230;&#x8D44;&#x6E90;&#x5E76;&#x4F7F;&#x7528;HTTP&#x54CD;&#x5E94;&#x8FD4;&#x56DE;&#x8BE5;&#x8D44;&#x6E90;&#xFF0C;&#x503C;&#x4E3A;200&#x7684;HTTP&#x54CD;&#x5E94;&#x72B6;&#x6001;&#x8868;&#x793A;&#x4E00;&#x4E2A;&#x6B63;&#x786E;&#x7684;&#x54CD;&#x5E94;&#x3002;
    &#xFF08;4&#xFF09;&#xFF0C;&#x6B64;&#x65F6;&#xFF0C;Web&#x670D;&#x52A1;&#x5668;&#x63D0;&#x4F9B;&#x8D44;&#x6E90;&#x670D;&#x52A1;&#xFF0C;&#x5BA2;&#x6237;&#x7AEF;&#x5F00;&#x59CB;&#x4E0B;&#x8F7D;&#x8D44;&#x6E90;&#x3002;

&#x8BF7;&#x6C42;&#x8FD4;&#x56DE;&#x540E;&#xFF0C;&#x4FBF;&#x8FDB;&#x5165;&#x4E86;&#x6211;&#x4EEC;&#x5173;&#x6CE8;&#x7684;&#x524D;&#x7AEF;&#x6A21;&#x5757;
&#x7B80;&#x5355;&#x6765;&#x8BF4;&#xFF0C;&#x6D4F;&#x89C8;&#x5668;&#x4F1A;&#x89E3;&#x6790;HTML&#x751F;&#x6210;DOM Tree&#xFF0C;&#x5176;&#x6B21;&#x4F1A;&#x6839;&#x636E;CSS&#x751F;&#x6210;CSS Rule Tree&#xFF0C;&#x800C;javascript&#x53C8;&#x53EF;&#x4EE5;&#x6839;&#x636E;DOM API&#x64CD;&#x4F5C;DOM
</code></pre><p>&#x8BE6;&#x60C5;&#xFF1A;[&#x4ECE;&#x8F93;&#x5165; URL &#x5230;&#x6D4F;&#x89C8;&#x5668;&#x63A5;&#x6536;&#x7684;&#x8FC7;&#x7A0B;&#x4E2D;&#x53D1;&#x751F;&#x4E86;&#x4EC0;&#x4E48;&#x4E8B;&#x60C5;&#xFF1F;][8]</p>
<h3 id="t45&#x5E73;&#x65F6;&#x5982;&#x4F55;&#x7BA1;&#x7406;&#x4F60;&#x7684;&#x9879;&#x76EE;&#xFF1F;">&#x5E73;&#x65F6;&#x5982;&#x4F55;&#x7BA1;&#x7406;&#x4F60;&#x7684;&#x9879;&#x76EE;&#xFF1F; <a href="#t45&#x5E73;&#x65F6;&#x5982;&#x4F55;&#x7BA1;&#x7406;&#x4F60;&#x7684;&#x9879;&#x76EE;&#xFF1F;"> # </a></h3>
<pre><code>&#x5148;&#x671F;&#x56E2;&#x961F;&#x5FC5;&#x987B;&#x786E;&#x5B9A;&#x597D;&#x5168;&#x5C40;&#x6837;&#x5F0F;&#xFF08;globe.css&#xFF09;&#xFF0C;&#x7F16;&#x7801;&#x6A21;&#x5F0F;(utf8) &#x7B49;&#xFF1B;

        &#x7F16;&#x5199;&#x4E60;&#x60EF;&#x5FC5;&#x987B;&#x4E00;&#x81F4;&#xFF08;&#x4F8B;&#x5982;&#x90FD;&#x662F;&#x91C7;&#x7528;&#x7EE7;&#x627F;&#x5F0F;&#x7684;&#x5199;&#x6CD5;&#xFF0C;&#x5355;&#x6837;&#x5F0F;&#x90FD;&#x5199;&#x6210;&#x4E00;&#x884C;&#xFF09;&#xFF1B;

        &#x6807;&#x6CE8;&#x6837;&#x5F0F;&#x7F16;&#x5199;&#x4EBA;&#xFF0C;&#x5404;&#x6A21;&#x5757;&#x90FD;&#x53CA;&#x65F6;&#x6807;&#x6CE8;&#xFF08;&#x6807;&#x6CE8;&#x5173;&#x952E;&#x6837;&#x5F0F;&#x8C03;&#x7528;&#x7684;&#x5730;&#x65B9;&#xFF09;&#xFF1B;

        &#x9875;&#x9762;&#x8FDB;&#x884C;&#x6807;&#x6CE8;&#xFF08;&#x4F8B;&#x5982; &#x9875;&#x9762; &#x6A21;&#x5757; &#x5F00;&#x59CB;&#x548C;&#x7ED3;&#x675F;&#xFF09;&#xFF1B;

        CSS&#x8DDF;HTML &#x5206;&#x6587;&#x4EF6;&#x5939;&#x5E76;&#x884C;&#x5B58;&#x653E;&#xFF0C;&#x547D;&#x540D;&#x90FD;&#x5F97;&#x7EDF;&#x4E00;&#xFF08;&#x4F8B;&#x5982;style.css&#xFF09;&#xFF1B;

        JS &#x5206;&#x6587;&#x4EF6;&#x5939;&#x5B58;&#x653E; &#x547D;&#x540D;&#x4EE5;&#x8BE5;JS&#x529F;&#x80FD;&#x4E3A;&#x51C6;&#x7684;&#x82F1;&#x6587;&#x7FFB;&#x8BD1;&#x3002;

        &#x56FE;&#x7247;&#x91C7;&#x7528;&#x6574;&#x5408;&#x7684; images.png png8 &#x683C;&#x5F0F;&#x6587;&#x4EF6;&#x4F7F;&#x7528; &#x5C3D;&#x91CF;&#x6574;&#x5408;&#x5728;&#x4E00;&#x8D77;&#x4F7F;&#x7528;&#x65B9;&#x4FBF;&#x5C06;&#x6765;&#x7684;&#x7BA1;&#x7406;
</code></pre><h3 id="t46&#x8BF4;&#x8BF4;&#x6700;&#x8FD1;&#x6700;&#x6D41;&#x884C;&#x7684;&#x4E00;&#x4E9B;&#x4E1C;&#x897F;&#x5427;&#xFF1F;&#x5E38;&#x53BB;&#x54EA;&#x4E9B;&#x7F51;&#x7AD9;&#xFF1F;">&#x8BF4;&#x8BF4;&#x6700;&#x8FD1;&#x6700;&#x6D41;&#x884C;&#x7684;&#x4E00;&#x4E9B;&#x4E1C;&#x897F;&#x5427;&#xFF1F;&#x5E38;&#x53BB;&#x54EA;&#x4E9B;&#x7F51;&#x7AD9;&#xFF1F; <a href="#t46&#x8BF4;&#x8BF4;&#x6700;&#x8FD1;&#x6700;&#x6D41;&#x884C;&#x7684;&#x4E00;&#x4E9B;&#x4E1C;&#x897F;&#x5427;&#xFF1F;&#x5E38;&#x53BB;&#x54EA;&#x4E9B;&#x7F51;&#x7AD9;&#xFF1F;"> # </a></h3>
<pre><code>Node.js&#x3001;Mongodb&#x3001;npm&#x3001;MVVM&#x3001;MEAN&#x3001;three.js,React &#x3002;
&#x7F51;&#x7AD9;&#xFF1A;w3cfuns,sf,hacknews,CSDN,&#x6155;&#x8BFE;&#xFF0C;&#x535A;&#x5BA2;&#x56ED;&#xFF0C;InfoQ,w3cplus&#x7B49;
</code></pre><h3 id="t47javascript&#x5BF9;&#x8C61;&#x7684;&#x51E0;&#x79CD;&#x521B;&#x5EFA;&#x65B9;&#x5F0F;">javascript&#x5BF9;&#x8C61;&#x7684;&#x51E0;&#x79CD;&#x521B;&#x5EFA;&#x65B9;&#x5F0F; <a href="#t47javascript&#x5BF9;&#x8C61;&#x7684;&#x51E0;&#x79CD;&#x521B;&#x5EFA;&#x65B9;&#x5F0F;"> # </a></h3>
<pre><code>1&#xFF0C;&#x5DE5;&#x5382;&#x6A21;&#x5F0F;
2&#xFF0C;&#x6784;&#x9020;&#x51FD;&#x6570;&#x6A21;&#x5F0F;
3&#xFF0C;&#x539F;&#x578B;&#x6A21;&#x5F0F;
4&#xFF0C;&#x6DF7;&#x5408;&#x6784;&#x9020;&#x51FD;&#x6570;&#x548C;&#x539F;&#x578B;&#x6A21;&#x5F0F;
5&#xFF0C;&#x52A8;&#x6001;&#x539F;&#x578B;&#x6A21;&#x5F0F;
6&#xFF0C;&#x5BC4;&#x751F;&#x6784;&#x9020;&#x51FD;&#x6570;&#x6A21;&#x5F0F;
7&#xFF0C;&#x7A33;&#x59A5;&#x6784;&#x9020;&#x51FD;&#x6570;&#x6A21;&#x5F0F;
</code></pre><h3 id="t48javascript&#x7EE7;&#x627F;&#x7684;6&#x79CD;&#x65B9;&#x6CD5;">javascript&#x7EE7;&#x627F;&#x7684;6&#x79CD;&#x65B9;&#x6CD5; <a href="#t48javascript&#x7EE7;&#x627F;&#x7684;6&#x79CD;&#x65B9;&#x6CD5;"> # </a></h3>
<pre><code>1&#xFF0C;&#x539F;&#x578B;&#x94FE;&#x7EE7;&#x627F;
2&#xFF0C;&#x501F;&#x7528;&#x6784;&#x9020;&#x51FD;&#x6570;&#x7EE7;&#x627F;
3&#xFF0C;&#x7EC4;&#x5408;&#x7EE7;&#x627F;(&#x539F;&#x578B;+&#x501F;&#x7528;&#x6784;&#x9020;)
4&#xFF0C;&#x539F;&#x578B;&#x5F0F;&#x7EE7;&#x627F;
5&#xFF0C;&#x5BC4;&#x751F;&#x5F0F;&#x7EE7;&#x627F;
6&#xFF0C;&#x5BC4;&#x751F;&#x7EC4;&#x5408;&#x5F0F;&#x7EE7;&#x627F;
</code></pre><p>&#x8BE6;&#x60C5;&#xFF1A;[JavaScript&#x7EE7;&#x627F;&#x65B9;&#x5F0F;&#x8BE6;&#x89E3;][9]</p>
<h3 id="t49ajax&#x8FC7;&#x7A0B;">ajax&#x8FC7;&#x7A0B; <a href="#t49ajax&#x8FC7;&#x7A0B;"> # </a></h3>
<pre><code>(1)&#x521B;&#x5EFA;XMLHttpRequest&#x5BF9;&#x8C61;,&#x4E5F;&#x5C31;&#x662F;&#x521B;&#x5EFA;&#x4E00;&#x4E2A;&#x5F02;&#x6B65;&#x8C03;&#x7528;&#x5BF9;&#x8C61;.

(2)&#x521B;&#x5EFA;&#x4E00;&#x4E2A;&#x65B0;&#x7684;HTTP&#x8BF7;&#x6C42;,&#x5E76;&#x6307;&#x5B9A;&#x8BE5;HTTP&#x8BF7;&#x6C42;&#x7684;&#x65B9;&#x6CD5;&#x3001;URL&#x53CA;&#x9A8C;&#x8BC1;&#x4FE1;&#x606F;.

(3)&#x8BBE;&#x7F6E;&#x54CD;&#x5E94;HTTP&#x8BF7;&#x6C42;&#x72B6;&#x6001;&#x53D8;&#x5316;&#x7684;&#x51FD;&#x6570;.

(4)&#x53D1;&#x9001;HTTP&#x8BF7;&#x6C42;.

(5)&#x83B7;&#x53D6;&#x5F02;&#x6B65;&#x8C03;&#x7528;&#x8FD4;&#x56DE;&#x7684;&#x6570;&#x636E;.

(6)&#x4F7F;&#x7528;JavaScript&#x548C;DOM&#x5B9E;&#x73B0;&#x5C40;&#x90E8;&#x5237;&#x65B0;.
</code></pre><p>&#x8BE6;&#x60C5;&#xFF1A;[JavaScript&#x5B66;&#x4E60;&#x603B;&#x7ED3;&#xFF08;&#x4E03;&#xFF09;Ajax&#x548C;Http&#x72B6;&#x6001;&#x5B57;][10]</p>
<h3 id="t50&#x5F02;&#x6B65;&#x52A0;&#x8F7D;&#x548C;&#x5EF6;&#x8FDF;&#x52A0;&#x8F7D;">&#x5F02;&#x6B65;&#x52A0;&#x8F7D;&#x548C;&#x5EF6;&#x8FDF;&#x52A0;&#x8F7D; <a href="#t50&#x5F02;&#x6B65;&#x52A0;&#x8F7D;&#x548C;&#x5EF6;&#x8FDF;&#x52A0;&#x8F7D;"> # </a></h3>
<pre><code>1.&#x5F02;&#x6B65;&#x52A0;&#x8F7D;&#x7684;&#x65B9;&#x6848;&#xFF1A; &#x52A8;&#x6001;&#x63D2;&#x5165;script&#x6807;&#x7B7E;
2.&#x901A;&#x8FC7;ajax&#x53BB;&#x83B7;&#x53D6;js&#x4EE3;&#x7801;&#xFF0C;&#x7136;&#x540E;&#x901A;&#x8FC7;eval&#x6267;&#x884C;
3.script&#x6807;&#x7B7E;&#x4E0A;&#x6DFB;&#x52A0;defer&#x6216;&#x8005;async&#x5C5E;&#x6027;
4.&#x521B;&#x5EFA;&#x5E76;&#x63D2;&#x5165;iframe&#xFF0C;&#x8BA9;&#x5B83;&#x5F02;&#x6B65;&#x6267;&#x884C;js
5.&#x5EF6;&#x8FDF;&#x52A0;&#x8F7D;&#xFF1A;&#x6709;&#x4E9B; js &#x4EE3;&#x7801;&#x5E76;&#x4E0D;&#x662F;&#x9875;&#x9762;&#x521D;&#x59CB;&#x5316;&#x7684;&#x65F6;&#x5019;&#x5C31;&#x7ACB;&#x523B;&#x9700;&#x8981;&#x7684;&#xFF0C;&#x800C;&#x7A0D;&#x540E;&#x7684;&#x67D0;&#x4E9B;&#x60C5;&#x51B5;&#x624D;&#x9700;&#x8981;&#x7684;&#x3002;
</code></pre><h3 id="t51&#x524D;&#x7AEF;&#x5B89;&#x5168;&#x95EE;&#x9898;&#xFF1F;">&#x524D;&#x7AEF;&#x5B89;&#x5168;&#x95EE;&#x9898;&#xFF1F; <a href="#t51&#x524D;&#x7AEF;&#x5B89;&#x5168;&#x95EE;&#x9898;&#xFF1F;"> # </a></h3>
<pre><code>    &#xFF08;XSS&#xFF0C;sql&#x6CE8;&#x5165;&#xFF0C;CSRF&#xFF09;
CSRF&#xFF1A;&#x662F;&#x8DE8;&#x7AD9;&#x8BF7;&#x6C42;&#x4F2A;&#x9020;&#xFF0C;&#x5F88;&#x660E;&#x663E;&#x6839;&#x636E;&#x521A;&#x521A;&#x7684;&#x89E3;&#x91CA;&#xFF0C;&#x4ED6;&#x7684;&#x6838;&#x5FC3;&#x4E5F;&#x5C31;&#x662F;&#x8BF7;&#x6C42;&#x4F2A;&#x9020;&#xFF0C;&#x901A;&#x8FC7;&#x4F2A;&#x9020;&#x8EAB;&#x4EFD;&#x63D0;&#x4EA4;POST&#x548C;GET&#x8BF7;&#x6C42;&#x6765;&#x8FDB;&#x884C;&#x8DE8;&#x57DF;&#x7684;&#x653B;&#x51FB;&#x3002;

**&#x5B8C;&#x6210;CSRF&#x9700;&#x8981;&#x4E24;&#x4E2A;&#x6B65;&#x9AA4;&#xFF1A;**

1.&#x767B;&#x9646;&#x53D7;&#x4FE1;&#x4EFB;&#x7684;&#x7F51;&#x7AD9;A&#xFF0C;&#x5728;&#x672C;&#x5730;&#x751F;&#x6210;COOKIE

2.&#x5728;&#x4E0D;&#x767B;&#x51FA;A&#x7684;&#x60C5;&#x51B5;&#x4E0B;&#xFF0C;&#x6216;&#x8005;&#x672C;&#x5730;COOKIE&#x6CA1;&#x6709;&#x8FC7;&#x671F;&#x7684;&#x60C5;&#x51B5;&#x4E0B;&#xFF0C;&#x8BBF;&#x95EE;&#x5371;&#x9669;&#x7F51;&#x7AD9;B&#x3002;
</code></pre><h3 id="t52ie&#x5404;&#x7248;&#x672C;&#x548C;chrome&#x53EF;&#x4EE5;&#x5E76;&#x884C;&#x4E0B;&#x8F7D;&#x591A;&#x5C11;&#x4E2A;&#x8D44;&#x6E90;">ie&#x5404;&#x7248;&#x672C;&#x548C;chrome&#x53EF;&#x4EE5;&#x5E76;&#x884C;&#x4E0B;&#x8F7D;&#x591A;&#x5C11;&#x4E2A;&#x8D44;&#x6E90; <a href="#t52ie&#x5404;&#x7248;&#x672C;&#x548C;chrome&#x53EF;&#x4EE5;&#x5E76;&#x884C;&#x4E0B;&#x8F7D;&#x591A;&#x5C11;&#x4E2A;&#x8D44;&#x6E90;"> # </a></h3>
<pre><code>IE6 &#x4E24;&#x4E2A;&#x5E76;&#x53D1;&#xFF0C;iE7&#x5347;&#x7EA7;&#x4E4B;&#x540E;&#x7684;6&#x4E2A;&#x5E76;&#x53D1;&#xFF0C;&#x4E4B;&#x540E;&#x7248;&#x672C;&#x4E5F;&#x662F;6&#x4E2A;

Firefox&#xFF0C;chrome&#x4E5F;&#x662F;6&#x4E2A;
</code></pre><h3 id="t53javascript&#x91CC;&#x9762;&#x7684;&#x7EE7;&#x627F;&#x600E;&#x4E48;&#x5B9E;&#x73B0;&#xFF0C;&#x5982;&#x4F55;&#x907F;&#x514D;&#x539F;&#x578B;&#x94FE;&#x4E0A;&#x9762;&#x7684;&#x5BF9;&#x8C61;&#x5171;&#x4EAB;">javascript&#x91CC;&#x9762;&#x7684;&#x7EE7;&#x627F;&#x600E;&#x4E48;&#x5B9E;&#x73B0;&#xFF0C;&#x5982;&#x4F55;&#x907F;&#x514D;&#x539F;&#x578B;&#x94FE;&#x4E0A;&#x9762;&#x7684;&#x5BF9;&#x8C61;&#x5171;&#x4EAB; <a href="#t53javascript&#x91CC;&#x9762;&#x7684;&#x7EE7;&#x627F;&#x600E;&#x4E48;&#x5B9E;&#x73B0;&#xFF0C;&#x5982;&#x4F55;&#x907F;&#x514D;&#x539F;&#x578B;&#x94FE;&#x4E0A;&#x9762;&#x7684;&#x5BF9;&#x8C61;&#x5171;&#x4EAB;"> # </a></h3>
<pre><code>&#x7528;&#x6784;&#x9020;&#x51FD;&#x6570;&#x548C;&#x539F;&#x578B;&#x94FE;&#x7684;&#x6DF7;&#x5408;&#x6A21;&#x5F0F;&#x53BB;&#x5B9E;&#x73B0;&#x7EE7;&#x627F;&#xFF0C;&#x907F;&#x514D;&#x5BF9;&#x8C61;&#x5171;&#x4EAB;&#x53EF;&#x4EE5;&#x53C2;&#x8003;&#x7ECF;&#x5178;&#x7684;extend()&#x51FD;&#x6570;&#xFF0C;&#x5F88;&#x591A;&#x524D;&#x7AEF;&#x6846;&#x67B6;&#x90FD;&#x6709;&#x5C01;&#x88C5;&#x7684;&#xFF0C;&#x5C31;&#x662F;&#x7528;&#x4E00;&#x4E2A;&#x7A7A;&#x51FD;&#x6570;&#x5F53;&#x505A;&#x4E2D;&#x95F4;&#x53D8;&#x91CF;
</code></pre><h3 id="t54grunt&#xFF0C; YUI compressor &#x548C; google clojure&#x7528;&#x6765;&#x8FDB;&#x884C;&#x4EE3;&#x7801;&#x538B;&#x7F29;&#x7684;&#x7528;&#x6CD5;&#x3002;">grunt&#xFF0C; YUI compressor &#x548C; google clojure&#x7528;&#x6765;&#x8FDB;&#x884C;&#x4EE3;&#x7801;&#x538B;&#x7F29;&#x7684;&#x7528;&#x6CD5;&#x3002; <a href="#t54grunt&#xFF0C; YUI compressor &#x548C; google clojure&#x7528;&#x6765;&#x8FDB;&#x884C;&#x4EE3;&#x7801;&#x538B;&#x7F29;&#x7684;&#x7528;&#x6CD5;&#x3002;"> # </a></h3>
<pre><code>YUI Compressor &#x662F;&#x4E00;&#x4E2A;&#x7528;&#x6765;&#x538B;&#x7F29; JS &#x548C; CSS &#x6587;&#x4EF6;&#x7684;&#x5DE5;&#x5177;&#xFF0C;&#x91C7;&#x7528;Java&#x5F00;&#x53D1;&#x3002;

&#x4F7F;&#x7528;&#x65B9;&#x6CD5;&#xFF1A;

//&#x538B;&#x7F29;JS
java jar yuicompressor2.4.2.jar type js charset utf8 v src.js &gt; packed.js
//&#x538B;&#x7F29;CSS
java jar yuicompressor2.4.2.jar type css charset utf8 v src.css &gt; packed.css
</code></pre><p>&#x8BE6;&#x60C5;&#x8BF7;&#x89C1;&#xFF1A;[&#x4F60;&#x9700;&#x8981;&#x638C;&#x63E1;&#x7684;&#x524D;&#x7AEF;&#x4EE3;&#x7801;&#x6027;&#x80FD;&#x4F18;&#x5316;&#x5DE5;&#x5177;][11]</p>
<h3 id="t55Flash&#x3001;Ajax&#x5404;&#x81EA;&#x7684;&#x4F18;&#x7F3A;&#x70B9;&#xFF0C;&#x5728;&#x4F7F;&#x7528;&#x4E2D;&#x5982;&#x4F55;&#x53D6;&#x820D;&#xFF1F;">Flash&#x3001;Ajax&#x5404;&#x81EA;&#x7684;&#x4F18;&#x7F3A;&#x70B9;&#xFF0C;&#x5728;&#x4F7F;&#x7528;&#x4E2D;&#x5982;&#x4F55;&#x53D6;&#x820D;&#xFF1F; <a href="#t55Flash&#x3001;Ajax&#x5404;&#x81EA;&#x7684;&#x4F18;&#x7F3A;&#x70B9;&#xFF0C;&#x5728;&#x4F7F;&#x7528;&#x4E2D;&#x5982;&#x4F55;&#x53D6;&#x820D;&#xFF1F;"> # </a></h3>
<pre><code>1&#x3001;Flash ajax&#x5BF9;&#x6BD4;
Flash&#x9002;&#x5408;&#x5904;&#x7406;&#x591A;&#x5A92;&#x4F53;&#x3001;&#x77E2;&#x91CF;&#x56FE;&#x5F62;&#x3001;&#x8BBF;&#x95EE;&#x673A;&#x5668;&#xFF1B;&#x5BF9;CSS&#x3001;&#x5904;&#x7406;&#x6587;&#x672C;&#x4E0A;&#x4E0D;&#x8DB3;&#xFF0C;&#x4E0D;&#x5BB9;&#x6613;&#x88AB;&#x641C;&#x7D22;&#x3002;
Ajax&#x5BF9;CSS&#x3001;&#x6587;&#x672C;&#x652F;&#x6301;&#x5F88;&#x597D;&#xFF0C;&#x652F;&#x6301;&#x641C;&#x7D22;&#xFF1B;&#x591A;&#x5A92;&#x4F53;&#x3001;&#x77E2;&#x91CF;&#x56FE;&#x5F62;&#x3001;&#x673A;&#x5668;&#x8BBF;&#x95EE;&#x4E0D;&#x8DB3;&#x3002;
&#x5171;&#x540C;&#x70B9;&#xFF1A;&#x4E0E;&#x670D;&#x52A1;&#x5668;&#x7684;&#x65E0;&#x5237;&#x65B0;&#x4F20;&#x9012;&#x6D88;&#x606F;&#x3001;&#x7528;&#x6237;&#x79BB;&#x7EBF;&#x548C;&#x5728;&#x7EBF;&#x72B6;&#x6001;&#x3001;&#x64CD;&#x4F5C;DOM
</code></pre><h3 id="t56&#x8BF7;&#x89E3;&#x91CA;&#x4E00;&#x4E0B; JavaScript &#x7684;&#x540C;&#x6E90;&#x7B56;&#x7565;&#x3002;">&#x8BF7;&#x89E3;&#x91CA;&#x4E00;&#x4E0B; JavaScript &#x7684;&#x540C;&#x6E90;&#x7B56;&#x7565;&#x3002; <a href="#t56&#x8BF7;&#x89E3;&#x91CA;&#x4E00;&#x4E0B; JavaScript &#x7684;&#x540C;&#x6E90;&#x7B56;&#x7565;&#x3002;"> # </a></h3>
<p>&#x6982;&#x5FF5;:&#x540C;&#x6E90;&#x7B56;&#x7565;&#x662F;&#x5BA2;&#x6237;&#x7AEF;&#x811A;&#x672C;&#xFF08;&#x5C24;&#x5176;&#x662F;<code>Javascript</code>&#xFF09;&#x7684;&#x91CD;&#x8981;&#x7684;&#x5B89;&#x5168;&#x5EA6;&#x91CF;&#x6807;&#x51C6;&#x3002;&#x5B83;&#x6700;&#x65E9;&#x51FA;&#x81EA;<code>Netscape Navigator2.0</code>&#xFF0C;&#x5176;&#x76EE;&#x7684;&#x662F;&#x9632;&#x6B62;&#x67D0;&#x4E2A;&#x6587;&#x6863;&#x6216;&#x811A;&#x672C;&#x4ECE;&#x591A;&#x4E2A;&#x4E0D;&#x540C;&#x6E90;&#x88C5;&#x8F7D;&#x3002;</p>
<p>&#x8FD9;&#x91CC;&#x7684;&#x540C;&#x6E90;&#x7B56;&#x7565;&#x6307;&#x7684;&#x662F;&#xFF1A;&#x534F;&#x8BAE;&#xFF0C;&#x57DF;&#x540D;&#xFF0C;&#x7AEF;&#x53E3;&#x76F8;&#x540C;&#xFF0C;&#x540C;&#x6E90;&#x7B56;&#x7565;&#x662F;&#x4E00;&#x79CD;&#x5B89;&#x5168;&#x534F;&#x8BAE;&#x3002;
&#x6307;&#x4E00;&#x6BB5;&#x811A;&#x672C;&#x53EA;&#x80FD;&#x8BFB;&#x53D6;&#x6765;&#x81EA;&#x540C;&#x4E00;&#x6765;&#x6E90;&#x7684;&#x7A97;&#x53E3;&#x548C;&#x6587;&#x6863;&#x7684;&#x5C5E;&#x6027;&#x3002;</p>
<h3 id="t57&#x4E3A;&#x4EC0;&#x4E48;&#x8981;&#x6709;&#x540C;&#x6E90;&#x9650;&#x5236;&#xFF1F;">&#x4E3A;&#x4EC0;&#x4E48;&#x8981;&#x6709;&#x540C;&#x6E90;&#x9650;&#x5236;&#xFF1F; <a href="#t57&#x4E3A;&#x4EC0;&#x4E48;&#x8981;&#x6709;&#x540C;&#x6E90;&#x9650;&#x5236;&#xFF1F;"> # </a></h3>
<p>   &#x6211;&#x4EEC;&#x4E3E;&#x4F8B;&#x8BF4;&#x660E;&#xFF1A;&#x6BD4;&#x5982;&#x4E00;&#x4E2A;&#x9ED1;&#x5BA2;&#x7A0B;&#x5E8F;&#xFF0C;&#x4ED6;&#x5229;&#x7528;<code>Iframe</code>&#x628A;&#x771F;&#x6B63;&#x7684;&#x94F6;&#x884C;&#x767B;&#x5F55;&#x9875;&#x9762;&#x5D4C;&#x5230;&#x4ED6;&#x7684;&#x9875;&#x9762;&#x4E0A;&#xFF0C;&#x5F53;&#x4F60;&#x4F7F;&#x7528;&#x771F;&#x5B9E;&#x7684;&#x7528;&#x6237;&#x540D;&#xFF0C;&#x5BC6;&#x7801;&#x767B;&#x5F55;&#x65F6;&#xFF0C;&#x4ED6;&#x7684;&#x9875;&#x9762;&#x5C31;&#x53EF;&#x4EE5;&#x901A;&#x8FC7;<code>Javascript</code>&#x8BFB;&#x53D6;&#x5230;&#x4F60;&#x7684;&#x8868;&#x5355;&#x4E2D;<code>input</code>&#x4E2D;&#x7684;&#x5185;&#x5BB9;&#xFF0C;&#x8FD9;&#x6837;&#x7528;&#x6237;&#x540D;&#xFF0C;&#x5BC6;&#x7801;&#x5C31;&#x8F7B;&#x677E;&#x5230;&#x624B;&#x4E86;&#x3002;</p>
<h3 id="t58&#x4EC0;&#x4E48;&#x662F; &quot;use strict&quot;; ? &#x4F7F;&#x7528;&#x5B83;&#x7684;&#x597D;&#x5904;&#x548C;&#x574F;&#x5904;&#x5206;&#x522B;&#x662F;&#x4EC0;&#x4E48;&#xFF1F;">&#x4EC0;&#x4E48;&#x662F; &quot;use strict&quot;; ? &#x4F7F;&#x7528;&#x5B83;&#x7684;&#x597D;&#x5904;&#x548C;&#x574F;&#x5904;&#x5206;&#x522B;&#x662F;&#x4EC0;&#x4E48;&#xFF1F; <a href="#t58&#x4EC0;&#x4E48;&#x662F; " use="" strict";="" ?="" 使用它的好处和坏处分别是什么？"=""> # </a></h3>
<p><code>ECMAscript 5</code>&#x6DFB;&#x52A0;&#x4E86;&#x7B2C;&#x4E8C;&#x79CD;&#x8FD0;&#x884C;&#x6A21;&#x5F0F;&#xFF1A;&quot;&#x4E25;&#x683C;&#x6A21;&#x5F0F;&quot;&#xFF08;strict mode&#xFF09;&#x3002;&#x987E;&#x540D;&#x601D;&#x4E49;&#xFF0C;&#x8FD9;&#x79CD;&#x6A21;&#x5F0F;&#x4F7F;&#x5F97;<code>Javascript</code>&#x5728;&#x66F4;&#x4E25;&#x683C;&#x7684;&#x6761;&#x4EF6;&#x4E0B;&#x8FD0;&#x884C;&#x3002;</p>
<p>&#x8BBE;&#x7ACB;&quot;&#x4E25;&#x683C;&#x6A21;&#x5F0F;&quot;&#x7684;&#x76EE;&#x7684;&#xFF0C;&#x4E3B;&#x8981;&#x6709;&#x4EE5;&#x4E0B;&#x51E0;&#x4E2A;&#xFF1A;</p>
<pre><code> &#x6D88;&#x9664;Javascript&#x8BED;&#x6CD5;&#x7684;&#x4E00;&#x4E9B;&#x4E0D;&#x5408;&#x7406;&#x3001;&#x4E0D;&#x4E25;&#x8C28;&#x4E4B;&#x5904;&#xFF0C;&#x51CF;&#x5C11;&#x4E00;&#x4E9B;&#x602A;&#x5F02;&#x884C;&#x4E3A;;
 &#x6D88;&#x9664;&#x4EE3;&#x7801;&#x8FD0;&#x884C;&#x7684;&#x4E00;&#x4E9B;&#x4E0D;&#x5B89;&#x5168;&#x4E4B;&#x5904;&#xFF0C;&#x4FDD;&#x8BC1;&#x4EE3;&#x7801;&#x8FD0;&#x884C;&#x7684;&#x5B89;&#x5168;&#xFF1B;
 &#x63D0;&#x9AD8;&#x7F16;&#x8BD1;&#x5668;&#x6548;&#x7387;&#xFF0C;&#x589E;&#x52A0;&#x8FD0;&#x884C;&#x901F;&#x5EA6;&#xFF1B;
 &#x4E3A;&#x672A;&#x6765;&#x65B0;&#x7248;&#x672C;&#x7684;Javascript&#x505A;&#x597D;&#x94FA;&#x57AB;&#x3002;
</code></pre><p>&#x6CE8;&#xFF1A;&#x7ECF;&#x8FC7;&#x6D4B;&#x8BD5;<code>IE6,7,8,9</code>&#x5747;&#x4E0D;&#x652F;&#x6301;&#x4E25;&#x683C;&#x6A21;&#x5F0F;&#x3002;</p>
<p>&#x7F3A;&#x70B9;&#xFF1A;
&#x73B0;&#x5728;&#x7F51;&#x7AD9;&#x7684;<code>JS</code> &#x90FD;&#x4F1A;&#x8FDB;&#x884C;&#x538B;&#x7F29;&#xFF0C;&#x4E00;&#x4E9B;&#x6587;&#x4EF6;&#x7528;&#x4E86;&#x4E25;&#x683C;&#x6A21;&#x5F0F;&#xFF0C;&#x800C;&#x53E6;&#x4E00;&#x4E9B;&#x6CA1;&#x6709;&#x3002;&#x8FD9;&#x65F6;&#x8FD9;&#x4E9B;&#x672C;&#x6765;&#x662F;&#x4E25;&#x683C;&#x6A21;&#x5F0F;&#x7684;&#x6587;&#x4EF6;&#xFF0C;&#x88AB; <code>merge</code> &#x540E;&#xFF0C;&#x8FD9;&#x4E2A;&#x4E32;&#x5C31;&#x5230;&#x4E86;&#x6587;&#x4EF6;&#x7684;&#x4E2D;&#x95F4;&#xFF0C;&#x4E0D;&#x4EC5;&#x6CA1;&#x6709;&#x6307;&#x793A;&#x4E25;&#x683C;&#x6A21;&#x5F0F;&#xFF0C;&#x53CD;&#x800C;&#x5728;&#x538B;&#x7F29;&#x540E;&#x6D6A;&#x8D39;&#x4E86;&#x5B57;&#x8282;&#x3002;</p>
<h3 id="t59GET&#x548C;POST&#x7684;&#x533A;&#x522B;&#xFF0C;&#x4F55;&#x65F6;&#x4F7F;&#x7528;POST&#xFF1F;">GET&#x548C;POST&#x7684;&#x533A;&#x522B;&#xFF0C;&#x4F55;&#x65F6;&#x4F7F;&#x7528;POST&#xFF1F; <a href="#t59GET&#x548C;POST&#x7684;&#x533A;&#x522B;&#xFF0C;&#x4F55;&#x65F6;&#x4F7F;&#x7528;POST&#xFF1F;"> # </a></h3>
<pre><code>    GET&#xFF1A;&#x4E00;&#x822C;&#x7528;&#x4E8E;&#x4FE1;&#x606F;&#x83B7;&#x53D6;&#xFF0C;&#x4F7F;&#x7528;URL&#x4F20;&#x9012;&#x53C2;&#x6570;&#xFF0C;&#x5BF9;&#x6240;&#x53D1;&#x9001;&#x4FE1;&#x606F;&#x7684;&#x6570;&#x91CF;&#x4E5F;&#x6709;&#x9650;&#x5236;&#xFF0C;&#x4E00;&#x822C;&#x5728;2000&#x4E2A;&#x5B57;&#x7B26;
    POST&#xFF1A;&#x4E00;&#x822C;&#x7528;&#x4E8E;&#x4FEE;&#x6539;&#x670D;&#x52A1;&#x5668;&#x4E0A;&#x7684;&#x8D44;&#x6E90;&#xFF0C;&#x5BF9;&#x6240;&#x53D1;&#x9001;&#x7684;&#x4FE1;&#x606F;&#x6CA1;&#x6709;&#x9650;&#x5236;&#x3002;

    GET&#x65B9;&#x5F0F;&#x9700;&#x8981;&#x4F7F;&#x7528;Request.QueryString&#x6765;&#x53D6;&#x5F97;&#x53D8;&#x91CF;&#x7684;&#x503C;&#xFF0C;&#x800C;POST&#x65B9;&#x5F0F;&#x901A;&#x8FC7;Request.Form&#x6765;&#x83B7;&#x53D6;&#x53D8;&#x91CF;&#x7684;&#x503C;&#xFF0C;
    &#x4E5F;&#x5C31;&#x662F;&#x8BF4;Get&#x662F;&#x901A;&#x8FC7;&#x5730;&#x5740;&#x680F;&#x6765;&#x4F20;&#x503C;&#xFF0C;&#x800C;Post&#x662F;&#x901A;&#x8FC7;&#x63D0;&#x4EA4;&#x8868;&#x5355;&#x6765;&#x4F20;&#x503C;&#x3002;

&#x7136;&#x800C;&#xFF0C;&#x5728;&#x4EE5;&#x4E0B;&#x60C5;&#x51B5;&#x4E2D;&#xFF0C;&#x8BF7;&#x4F7F;&#x7528; POST &#x8BF7;&#x6C42;&#xFF1A;
&#x65E0;&#x6CD5;&#x4F7F;&#x7528;&#x7F13;&#x5B58;&#x6587;&#x4EF6;&#xFF08;&#x66F4;&#x65B0;&#x670D;&#x52A1;&#x5668;&#x4E0A;&#x7684;&#x6587;&#x4EF6;&#x6216;&#x6570;&#x636E;&#x5E93;&#xFF09;
&#x5411;&#x670D;&#x52A1;&#x5668;&#x53D1;&#x9001;&#x5927;&#x91CF;&#x6570;&#x636E;&#xFF08;POST &#x6CA1;&#x6709;&#x6570;&#x636E;&#x91CF;&#x9650;&#x5236;&#xFF09;
&#x53D1;&#x9001;&#x5305;&#x542B;&#x672A;&#x77E5;&#x5B57;&#x7B26;&#x7684;&#x7528;&#x6237;&#x8F93;&#x5165;&#x65F6;&#xFF0C;POST &#x6BD4; GET &#x66F4;&#x7A33;&#x5B9A;&#x4E5F;&#x66F4;&#x53EF;&#x9760;
</code></pre><h3 id="t60&#x54EA;&#x4E9B;&#x5730;&#x65B9;&#x4F1A;&#x51FA;&#x73B0;css&#x963B;&#x585E;&#xFF0C;&#x54EA;&#x4E9B;&#x5730;&#x65B9;&#x4F1A;&#x51FA;&#x73B0;js&#x963B;&#x585E;&#xFF1F;">&#x54EA;&#x4E9B;&#x5730;&#x65B9;&#x4F1A;&#x51FA;&#x73B0;css&#x963B;&#x585E;&#xFF0C;&#x54EA;&#x4E9B;&#x5730;&#x65B9;&#x4F1A;&#x51FA;&#x73B0;js&#x963B;&#x585E;&#xFF1F; <a href="#t60&#x54EA;&#x4E9B;&#x5730;&#x65B9;&#x4F1A;&#x51FA;&#x73B0;css&#x963B;&#x585E;&#xFF0C;&#x54EA;&#x4E9B;&#x5730;&#x65B9;&#x4F1A;&#x51FA;&#x73B0;js&#x963B;&#x585E;&#xFF1F;"> # </a></h3>
<p><strong>js&#x7684;&#x963B;&#x585E;&#x7279;&#x6027;&#xFF1A;</strong>&#x6240;&#x6709;&#x6D4F;&#x89C8;&#x5668;&#x5728;&#x4E0B;&#x8F7D;<code>JS</code>&#x7684;&#x65F6;&#x5019;&#xFF0C;&#x4F1A;&#x963B;&#x6B62;&#x4E00;&#x5207;&#x5176;&#x4ED6;&#x6D3B;&#x52A8;&#xFF0C;&#x6BD4;&#x5982;&#x5176;&#x4ED6;&#x8D44;&#x6E90;&#x7684;&#x4E0B;&#x8F7D;&#xFF0C;&#x5185;&#x5BB9;&#x7684;&#x5448;&#x73B0;&#x7B49;&#x7B49;&#x3002;&#x76F4;&#x5230;<code>JS</code>&#x4E0B;&#x8F7D;&#x3001;&#x89E3;&#x6790;&#x3001;&#x6267;&#x884C;&#x5B8C;&#x6BD5;&#x540E;&#x624D;&#x5F00;&#x59CB;&#x7EE7;&#x7EED;<code>&#x5E76;&#x884C;&#x4E0B;&#x8F7D;</code>&#x5176;&#x4ED6;&#x8D44;&#x6E90;&#x5E76;&#x5448;&#x73B0;&#x5185;&#x5BB9;&#x3002;&#x4E3A;&#x4E86;&#x63D0;&#x9AD8;&#x7528;&#x6237;&#x4F53;&#x9A8C;&#xFF0C;&#x65B0;&#x4E00;&#x4EE3;&#x6D4F;&#x89C8;&#x5668;&#x90FD;&#x652F;&#x6301;&#x5E76;&#x884C;&#x4E0B;&#x8F7D;<code>JS</code>&#xFF0C;&#x4F46;&#x662F;<code>JS</code>&#x4E0B;&#x8F7D;&#x4ECD;&#x7136;&#x4F1A;&#x963B;&#x585E;&#x5176;&#x5B83;&#x8D44;&#x6E90;&#x7684;&#x4E0B;&#x8F7D;&#xFF08;&#x4F8B;&#x5982;.&#x56FE;&#x7247;&#xFF0C;css&#x6587;&#x4EF6;&#x7B49;&#xFF09;&#x3002;</p>
<p>&#x7531;&#x4E8E;&#x6D4F;&#x89C8;&#x5668;&#x4E3A;&#x4E86;&#x9632;&#x6B62;&#x51FA;&#x73B0;<code>JS</code>&#x4FEE;&#x6539;<code>DOM</code>&#x6811;&#xFF0C;&#x9700;&#x8981;&#x91CD;&#x65B0;&#x6784;&#x5EFA;<code>DOM</code>&#x6811;&#x7684;&#x60C5;&#x51B5;&#xFF0C;&#x6240;&#x4EE5;&#x5C31;&#x4F1A;&#x963B;&#x585E;&#x5176;&#x4ED6;&#x7684;&#x4E0B;&#x8F7D;&#x548C;&#x5448;&#x73B0;&#x3002;</p>
<p>&#x5D4C;&#x5165;<code>JS</code>&#x4F1A;&#x963B;&#x585E;&#x6240;&#x6709;&#x5185;&#x5BB9;&#x7684;&#x5448;&#x73B0;&#xFF0C;&#x800C;&#x5916;&#x90E8;<code>JS</code>&#x53EA;&#x4F1A;&#x963B;&#x585E;&#x5176;&#x540E;&#x5185;&#x5BB9;&#x7684;&#x663E;&#x793A;&#xFF0C;2&#x79CD;&#x65B9;&#x5F0F;&#x90FD;&#x4F1A;&#x963B;&#x585E;&#x5176;&#x540E;&#x8D44;&#x6E90;&#x7684;&#x4E0B;&#x8F7D;&#x3002;&#x4E5F;&#x5C31;&#x662F;&#x8BF4;&#x5916;&#x90E8;&#x6837;&#x5F0F;&#x4E0D;&#x4F1A;&#x963B;&#x585E;&#x5916;&#x90E8;&#x811A;&#x672C;&#x7684;&#x52A0;&#x8F7D;&#xFF0C;&#x4F46;&#x4F1A;&#x963B;&#x585E;&#x5916;&#x90E8;&#x811A;&#x672C;&#x7684;&#x6267;&#x884C;&#x3002;</p>
<p><code>CSS</code>&#x600E;&#x4E48;&#x4F1A;&#x963B;&#x585E;&#x52A0;&#x8F7D;&#x4E86;&#xFF1F;<code>CSS</code>&#x672C;&#x6765;&#x662F;&#x53EF;&#x4EE5;&#x5E76;&#x884C;&#x4E0B;&#x8F7D;&#x7684;&#xFF0C;&#x5728;&#x4EC0;&#x4E48;&#x60C5;&#x51B5;&#x4E0B;&#x4F1A;&#x51FA;&#x73B0;&#x963B;&#x585E;&#x52A0;&#x8F7D;&#x4E86;(&#x5728;&#x6D4B;&#x8BD5;&#x89C2;&#x5BDF;&#x4E2D;&#xFF0C;<code>IE6</code>&#x4E0B;<code>CSS</code>&#x90FD;&#x662F;&#x963B;&#x585E;&#x52A0;&#x8F7D;&#xFF09;</p>
<p>&#x5F53;<code>CSS</code>&#x540E;&#x9762;&#x8DDF;&#x7740;&#x5D4C;&#x5165;&#x7684;<code>JS</code>&#x7684;&#x65F6;&#x5019;&#xFF0C;&#x8BE5;<code>CSS</code>&#x5C31;&#x4F1A;&#x51FA;&#x73B0;&#x963B;&#x585E;&#x540E;&#x9762;&#x8D44;&#x6E90;&#x4E0B;&#x8F7D;&#x7684;&#x60C5;&#x51B5;&#x3002;&#x800C;&#x5F53;&#x628A;&#x5D4C;&#x5165;<code>JS</code>&#x653E;&#x5230;<code>CSS</code>&#x524D;&#x9762;&#xFF0C;&#x5C31;&#x4E0D;&#x4F1A;&#x51FA;&#x73B0;&#x963B;&#x585E;&#x7684;&#x60C5;&#x51B5;&#x4E86;&#x3002;</p>
<p> &#x6839;&#x672C;&#x539F;&#x56E0;&#xFF1A;&#x56E0;&#x4E3A;&#x6D4F;&#x89C8;&#x5668;&#x4F1A;&#x7EF4;&#x6301;<code>html</code>&#x4E2D;<code>css</code>&#x548C;<code>js</code>&#x7684;&#x987A;&#x5E8F;&#xFF0C;&#x6837;&#x5F0F;&#x8868;&#x5FC5;&#x987B;&#x5728;&#x5D4C;&#x5165;&#x7684;JS&#x6267;&#x884C;&#x524D;&#x5148;&#x52A0;&#x8F7D;&#x3001;&#x89E3;&#x6790;&#x5B8C;&#x3002;&#x800C;&#x5D4C;&#x5165;&#x7684;<code>JS</code>&#x4F1A;&#x963B;&#x585E;&#x540E;&#x9762;&#x7684;&#x8D44;&#x6E90;&#x52A0;&#x8F7D;&#xFF0C;&#x6240;&#x4EE5;&#x5C31;&#x4F1A;&#x51FA;&#x73B0;&#x4E0A;&#x9762;<code>CSS</code>&#x963B;&#x585E;&#x4E0B;&#x8F7D;&#x7684;&#x60C5;&#x51B5;&#x3002;</p>
<h3 id="t61&#x5D4C;&#x5165;JS&#x5E94;&#x8BE5;&#x653E;&#x5728;&#x4EC0;&#x4E48;&#x4F4D;&#x7F6E;&#xFF1F;">&#x5D4C;&#x5165;JS&#x5E94;&#x8BE5;&#x653E;&#x5728;&#x4EC0;&#x4E48;&#x4F4D;&#x7F6E;&#xFF1F; <a href="#t61&#x5D4C;&#x5165;JS&#x5E94;&#x8BE5;&#x653E;&#x5728;&#x4EC0;&#x4E48;&#x4F4D;&#x7F6E;&#xFF1F;"> # </a></h3>
<pre><code>   1&#x3001;&#x653E;&#x5728;&#x5E95;&#x90E8;&#xFF0C;&#x867D;&#x7136;&#x653E;&#x5728;&#x5E95;&#x90E8;&#x7167;&#x6837;&#x4F1A;&#x963B;&#x585E;&#x6240;&#x6709;&#x5448;&#x73B0;&#xFF0C;&#x4F46;&#x4E0D;&#x4F1A;&#x963B;&#x585E;&#x8D44;&#x6E90;&#x4E0B;&#x8F7D;&#x3002;

   2&#x3001;&#x5982;&#x679C;&#x5D4C;&#x5165;JS&#x653E;&#x5728;head&#x4E2D;&#xFF0C;&#x8BF7;&#x628A;&#x5D4C;&#x5165;JS&#x653E;&#x5728;CSS&#x5934;&#x90E8;&#x3002;

   3&#x3001;&#x4F7F;&#x7528;defer&#xFF08;&#x53EA;&#x652F;&#x6301;IE&#xFF09;

   4&#x3001;&#x4E0D;&#x8981;&#x5728;&#x5D4C;&#x5165;&#x7684;JS&#x4E2D;&#x8C03;&#x7528;&#x8FD0;&#x884C;&#x65F6;&#x95F4;&#x8F83;&#x957F;&#x7684;&#x51FD;&#x6570;&#xFF0C;&#x5982;&#x679C;&#x4E00;&#x5B9A;&#x8981;&#x7528;&#xFF0C;&#x53EF;&#x4EE5;&#x7528;`setTimeout`&#x6765;&#x8C03;&#x7528;
</code></pre><h3 id="t62Javascript&#x65E0;&#x963B;&#x585E;&#x52A0;&#x8F7D;&#x5177;&#x4F53;&#x65B9;&#x5F0F;">Javascript&#x65E0;&#x963B;&#x585E;&#x52A0;&#x8F7D;&#x5177;&#x4F53;&#x65B9;&#x5F0F; <a href="#t62Javascript&#x65E0;&#x963B;&#x585E;&#x52A0;&#x8F7D;&#x5177;&#x4F53;&#x65B9;&#x5F0F;"> # </a></h3>
<p>  <strong>&#x5C06;&#x811A;&#x672C;&#x653E;&#x5728;&#x5E95;&#x90E8;&#x3002;</strong><code>&lt;link&gt;</code>&#x8FD8;&#x662F;&#x653E;&#x5728;<code>head</code>&#x4E2D;&#xFF0C;&#x7528;&#x4EE5;&#x4FDD;&#x8BC1;&#x5728;<code>js</code>&#x52A0;&#x8F7D;&#x524D;&#xFF0C;&#x80FD;&#x52A0;&#x8F7D;&#x51FA;&#x6B63;&#x5E38;&#x663E;&#x793A;&#x7684;&#x9875;&#x9762;&#x3002;<code>&lt;script&gt;</code>&#x6807;&#x7B7E;&#x653E;&#x5728;<code>&lt;/body&gt;</code>&#x524D;&#x3002;
  <strong>&#x6210;&#x7EC4;&#x811A;&#x672C;</strong>&#xFF1A;&#x7531;&#x4E8E;&#x6BCF;&#x4E2A;<code>&lt;script&gt;</code>&#x6807;&#x7B7E;&#x4E0B;&#x8F7D;&#x65F6;&#x963B;&#x585E;&#x9875;&#x9762;&#x89E3;&#x6790;&#x8FC7;&#x7A0B;&#xFF0C;&#x6240;&#x4EE5;&#x9650;&#x5236;&#x9875;&#x9762;&#x7684;<code>&lt;script&gt;</code>&#x603B;&#x6570;&#x4E5F;&#x53EF;&#x4EE5;&#x6539;&#x5584;&#x6027;&#x80FD;&#x3002;&#x9002;&#x7528;&#x4E8E;&#x5185;&#x8054;&#x811A;&#x672C;&#x548C;&#x5916;&#x90E8;&#x811A;&#x672C;&#x3002;</p>
<p>  <strong>&#x975E;&#x963B;&#x585E;&#x811A;&#x672C;</strong>&#xFF1A;&#x7B49;&#x9875;&#x9762;&#x5B8C;&#x6210;&#x52A0;&#x8F7D;&#x540E;&#xFF0C;&#x518D;&#x52A0;&#x8F7D;<code>js</code>&#x4EE3;&#x7801;&#x3002;&#x4E5F;&#x5C31;&#x662F;&#xFF0C;&#x5728;<code>window.onload</code>&#x4E8B;&#x4EF6;&#x53D1;&#x51FA;&#x540E;&#x5F00;&#x59CB;&#x4E0B;&#x8F7D;&#x4EE3;&#x7801;&#x3002;
    &#xFF08;1&#xFF09;<code>defer</code>&#x5C5E;&#x6027;&#xFF1A;&#x652F;&#x6301;IE4&#x548C;<code>fierfox3.5</code>&#x66F4;&#x9AD8;&#x7248;&#x672C;&#x6D4F;&#x89C8;&#x5668;
    &#xFF08;2&#xFF09;&#x52A8;&#x6001;&#x811A;&#x672C;&#x5143;&#x7D20;&#xFF1A;&#x6587;&#x6863;&#x5BF9;&#x8C61;&#x6A21;&#x578B;&#xFF08;DOM&#xFF09;&#x5141;&#x8BB8;&#x4F60;&#x4F7F;&#x7528;js&#x52A8;&#x6001;&#x521B;&#x5EFA;<code>HTML</code>&#x7684;&#x51E0;&#x4E4E;&#x5168;&#x90E8;&#x6587;&#x6863;&#x5185;&#x5BB9;&#x3002;&#x4EE3;&#x7801;&#x5982;&#x4E0B;&#xFF1A;</p>
<p><br></p>
<pre><code>&lt;script&gt;
var script=document.createElement(&quot;script&quot;);
script.type=&quot;text/javascript&quot;;
script.src=&quot;file.js&quot;;
document.getElementsByTagName(&quot;head&quot;)[0].appendChild(script);
&lt;/script&gt;
</code></pre><p> &#x6B64;&#x6280;&#x672F;&#x7684;&#x91CD;&#x70B9;&#x5728;&#x4E8E;&#xFF1A;&#x65E0;&#x8BBA;&#x5728;&#x4F55;&#x5904;&#x542F;&#x52A8;&#x4E0B;&#x8F7D;&#xFF0C;&#x6587;&#x4EF6;&#x989D;&#x4E0B;&#x8F7D;&#x548C;&#x8FD0;&#x884C;&#x90FD;&#x4E0D;&#x4F1A;&#x963B;&#x585E;&#x5176;&#x4ED6;&#x9875;&#x9762;&#x5904;&#x7406;&#x8FC7;&#x7A0B;&#x3002;&#x5373;&#x4F7F;&#x5728;head&#x91CC;&#xFF08;&#x9664;&#x4E86;&#x7528;&#x4E8E;&#x4E0B;&#x8F7D;&#x6587;&#x4EF6;&#x7684;http&#x94FE;&#x63A5;&#xFF09;&#x3002;</p>
<h3 id="t63&#x95ED;&#x5305;&#x76F8;&#x5173;&#x95EE;&#x9898;&#xFF1F;">&#x95ED;&#x5305;&#x76F8;&#x5173;&#x95EE;&#x9898;&#xFF1F; <a href="#t63&#x95ED;&#x5305;&#x76F8;&#x5173;&#x95EE;&#x9898;&#xFF1F;"> # </a></h3>
<p>&#x8BE6;&#x60C5;&#x8BF7;&#x89C1;&#xFF1A;[&#x8BE6;&#x89E3;js&#x95ED;&#x5305;][12]</p>
<h3 id="t64js&#x4E8B;&#x4EF6;&#x5904;&#x7406;&#x7A0B;&#x5E8F;&#x95EE;&#x9898;&#xFF1F;">js&#x4E8B;&#x4EF6;&#x5904;&#x7406;&#x7A0B;&#x5E8F;&#x95EE;&#x9898;&#xFF1F; <a href="#t64js&#x4E8B;&#x4EF6;&#x5904;&#x7406;&#x7A0B;&#x5E8F;&#x95EE;&#x9898;&#xFF1F;"> # </a></h3>
<p>&#x8BE6;&#x60C5;&#x8BF7;&#x89C1;&#xFF1A;[JavaScript&#x5B66;&#x4E60;&#x603B;&#x7ED3;&#xFF08;&#x4E5D;&#xFF09;&#x4E8B;&#x4EF6;&#x8BE6;&#x89E3;][13]</p>
<h3 id="t65eval&#x662F;&#x505A;&#x4EC0;&#x4E48;&#x7684;&#xFF1F;">eval&#x662F;&#x505A;&#x4EC0;&#x4E48;&#x7684;&#xFF1F; <a href="#t65eval&#x662F;&#x505A;&#x4EC0;&#x4E48;&#x7684;&#xFF1F;"> # </a></h3>
<pre><code>&#x5B83;&#x7684;&#x529F;&#x80FD;&#x662F;&#x628A;&#x5BF9;&#x5E94;&#x7684;&#x5B57;&#x7B26;&#x4E32;&#x89E3;&#x6790;&#x6210;JS&#x4EE3;&#x7801;&#x5E76;&#x8FD0;&#x884C;&#xFF1B;
&#x5E94;&#x8BE5;&#x907F;&#x514D;&#x4F7F;&#x7528;eval&#xFF0C;&#x4E0D;&#x5B89;&#x5168;&#xFF0C;&#x975E;&#x5E38;&#x8017;&#x6027;&#x80FD;&#xFF08;2&#x6B21;&#xFF0C;&#x4E00;&#x6B21;&#x89E3;&#x6790;&#x6210;js&#x8BED;&#x53E5;&#xFF0C;&#x4E00;&#x6B21;&#x6267;&#x884C;&#xFF09;&#x3002;
</code></pre><h3 id="t66&#x5199;&#x4E00;&#x4E2A;&#x901A;&#x7528;&#x7684;&#x4E8B;&#x4EF6;&#x4FA6;&#x542C;&#x5668;&#x51FD;&#x6570;?">&#x5199;&#x4E00;&#x4E2A;&#x901A;&#x7528;&#x7684;&#x4E8B;&#x4EF6;&#x4FA6;&#x542C;&#x5668;&#x51FD;&#x6570;? <a href="#t66&#x5199;&#x4E00;&#x4E2A;&#x901A;&#x7528;&#x7684;&#x4E8B;&#x4EF6;&#x4FA6;&#x542C;&#x5668;&#x51FD;&#x6570;?"> # </a></h3>
<pre><code>// event(&#x4E8B;&#x4EF6;)&#x5DE5;&#x5177;&#x96C6;&#xFF0C;&#x6765;&#x6E90;&#xFF1A;github.com/markyun
    markyun.Event = {
        // &#x9875;&#x9762;&#x52A0;&#x8F7D;&#x5B8C;&#x6210;&#x540E;
        readyEvent : function(fn) {
            if (fn==null) {
                fn=document;
            }
            var oldonload = window.onload;
            if (typeof window.onload != &apos;function&apos;) {
                window.onload = fn;
            } else {
                window.onload = function() {
                    oldonload();
                    fn();
                };
            }
        },
        // &#x89C6;&#x80FD;&#x529B;&#x5206;&#x522B;&#x4F7F;&#x7528;dom0||dom2||IE&#x65B9;&#x5F0F; &#x6765;&#x7ED1;&#x5B9A;&#x4E8B;&#x4EF6;
        // &#x53C2;&#x6570;&#xFF1A; &#x64CD;&#x4F5C;&#x7684;&#x5143;&#x7D20;,&#x4E8B;&#x4EF6;&#x540D;&#x79F0; ,&#x4E8B;&#x4EF6;&#x5904;&#x7406;&#x7A0B;&#x5E8F;
        addEvent : function(element, type, handler) {
            if (element.addEventListener) {
                //&#x4E8B;&#x4EF6;&#x7C7B;&#x578B;&#x3001;&#x9700;&#x8981;&#x6267;&#x884C;&#x7684;&#x51FD;&#x6570;&#x3001;&#x662F;&#x5426;&#x6355;&#x6349;
                element.addEventListener(type, handler, false);
            } else if (element.attachEvent) {
                element.attachEvent(&apos;on&apos; + type, function() {
                    handler.call(element);
                });
            } else {
                element[&apos;on&apos; + type] = handler;
            }
        },
        // &#x79FB;&#x9664;&#x4E8B;&#x4EF6;
        removeEvent : function(element, type, handler) {
            if (element.removeEnentListener) {
                element.removeEnentListener(type, handler, false);
            } else if (element.datachEvent) {
                element.detachEvent(&apos;on&apos; + type, handler);
            } else {
                element[&apos;on&apos; + type] = null;
            }
        },
        // &#x963B;&#x6B62;&#x4E8B;&#x4EF6; (&#x4E3B;&#x8981;&#x662F;&#x4E8B;&#x4EF6;&#x5192;&#x6CE1;&#xFF0C;&#x56E0;&#x4E3A;IE&#x4E0D;&#x652F;&#x6301;&#x4E8B;&#x4EF6;&#x6355;&#x83B7;)
        stopPropagation : function(ev) {
            if (ev.stopPropagation) {
                ev.stopPropagation();
            } else {
                ev.cancelBubble = true;
            }
        },
        // &#x53D6;&#x6D88;&#x4E8B;&#x4EF6;&#x7684;&#x9ED8;&#x8BA4;&#x884C;&#x4E3A;
        preventDefault : function(event) {
            if (event.preventDefault) {
                event.preventDefault();
            } else {
                event.returnValue = false;
            }
        },
        // &#x83B7;&#x53D6;&#x4E8B;&#x4EF6;&#x76EE;&#x6807;
        getTarget : function(event) {
            return event.target || event.srcElement;
        },
        // &#x83B7;&#x53D6;event&#x5BF9;&#x8C61;&#x7684;&#x5F15;&#x7528;&#xFF0C;&#x53D6;&#x5230;&#x4E8B;&#x4EF6;&#x7684;&#x6240;&#x6709;&#x4FE1;&#x606F;&#xFF0C;&#x786E;&#x4FDD;&#x968F;&#x65F6;&#x80FD;&#x4F7F;&#x7528;event&#xFF1B;
        getEvent : function(e) {
            var ev = e || window.event;
            if (!ev) {
                var c = this.getEvent.caller;
                while (c) {
                    ev = c.arguments[0];
                    if (ev &amp;&amp; Event == ev.constructor) {
                        break;
                    }
                    c = c.caller;
                }
            }
            return ev;
        }
    };
</code></pre><h3 id="t67Node.js&#x7684;&#x9002;&#x7528;&#x573A;&#x666F;&#xFF1F;">Node.js&#x7684;&#x9002;&#x7528;&#x573A;&#x666F;&#xFF1F; <a href="#t67Node.js&#x7684;&#x9002;&#x7528;&#x573A;&#x666F;&#xFF1F;"> # </a></h3>
<pre><code>&#x9AD8;&#x5E76;&#x53D1;&#x3001;&#x804A;&#x5929;&#x3001;&#x5B9E;&#x65F6;&#x6D88;&#x606F;&#x63A8;&#x9001;
</code></pre><h3 id="t68JavaScript&#x539F;&#x578B;&#xFF0C;&#x539F;&#x578B;&#x94FE; ? &#x6709;&#x4EC0;&#x4E48;&#x7279;&#x70B9;&#xFF1F;">JavaScript&#x539F;&#x578B;&#xFF0C;&#x539F;&#x578B;&#x94FE; ? &#x6709;&#x4EC0;&#x4E48;&#x7279;&#x70B9;&#xFF1F; <a href="#t68JavaScript&#x539F;&#x578B;&#xFF0C;&#x539F;&#x578B;&#x94FE; ? &#x6709;&#x4EC0;&#x4E48;&#x7279;&#x70B9;&#xFF1F;"> # </a></h3>
<pre><code>*  &#x539F;&#x578B;&#x5BF9;&#x8C61;&#x4E5F;&#x662F;&#x666E;&#x901A;&#x7684;&#x5BF9;&#x8C61;&#xFF0C;&#x662F;&#x5BF9;&#x8C61;&#x4E00;&#x4E2A;&#x81EA;&#x5E26;&#x9690;&#x5F0F;&#x7684; __proto__ &#x5C5E;&#x6027;&#xFF0C;&#x539F;&#x578B;&#x4E5F;&#x6709;&#x53EF;&#x80FD;&#x6709;&#x81EA;&#x5DF1;&#x7684;&#x539F;&#x578B;&#xFF0C;&#x5982;&#x679C;&#x4E00;&#x4E2A;&#x539F;&#x578B;&#x5BF9;&#x8C61;&#x7684;&#x539F;&#x578B;&#x4E0D;&#x4E3A;null&#x7684;&#x8BDD;&#xFF0C;&#x6211;&#x4EEC;&#x5C31;&#x79F0;&#x4E4B;&#x4E3A;&#x539F;&#x578B;&#x94FE;&#x3002;
*  &#x539F;&#x578B;&#x94FE;&#x662F;&#x7531;&#x4E00;&#x4E9B;&#x7528;&#x6765;&#x7EE7;&#x627F;&#x548C;&#x5171;&#x4EAB;&#x5C5E;&#x6027;&#x7684;&#x5BF9;&#x8C61;&#x7EC4;&#x6210;&#x7684;&#xFF08;&#x6709;&#x9650;&#x7684;&#xFF09;&#x5BF9;&#x8C61;&#x94FE;&#x3002;
</code></pre><h3 id="t69&#x9875;&#x9762;&#x91CD;&#x6784;&#x600E;&#x4E48;&#x64CD;&#x4F5C;&#xFF1F;">&#x9875;&#x9762;&#x91CD;&#x6784;&#x600E;&#x4E48;&#x64CD;&#x4F5C;&#xFF1F; <a href="#t69&#x9875;&#x9762;&#x91CD;&#x6784;&#x600E;&#x4E48;&#x64CD;&#x4F5C;&#xFF1F;"> # </a></h3>
<pre><code>&#x7F16;&#x5199; CSS&#x3001;&#x8BA9;&#x9875;&#x9762;&#x7ED3;&#x6784;&#x66F4;&#x5408;&#x7406;&#x5316;&#xFF0C;&#x63D0;&#x5347;&#x7528;&#x6237;&#x4F53;&#x9A8C;&#xFF0C;&#x5B9E;&#x73B0;&#x826F;&#x597D;&#x7684;&#x9875;&#x9762;&#x6548;&#x679C;&#x548C;&#x63D0;&#x5347;&#x6027;&#x80FD;&#x3002;
</code></pre><h3 id="t70WEB&#x5E94;&#x7528;&#x4ECE;&#x670D;&#x52A1;&#x5668;&#x4E3B;&#x52A8;&#x63A8;&#x9001;Data&#x5230;&#x5BA2;&#x6237;&#x7AEF;&#x6709;&#x90A3;&#x4E9B;&#x65B9;&#x5F0F;&#xFF1F;">WEB&#x5E94;&#x7528;&#x4ECE;&#x670D;&#x52A1;&#x5668;&#x4E3B;&#x52A8;&#x63A8;&#x9001;Data&#x5230;&#x5BA2;&#x6237;&#x7AEF;&#x6709;&#x90A3;&#x4E9B;&#x65B9;&#x5F0F;&#xFF1F; <a href="#t70WEB&#x5E94;&#x7528;&#x4ECE;&#x670D;&#x52A1;&#x5668;&#x4E3B;&#x52A8;&#x63A8;&#x9001;Data&#x5230;&#x5BA2;&#x6237;&#x7AEF;&#x6709;&#x90A3;&#x4E9B;&#x65B9;&#x5F0F;&#xFF1F;"> # </a></h3>
<pre><code>html5 websoket
    WebSocket&#x901A;&#x8FC7;Flash
    XHR&#x957F;&#x65F6;&#x95F4;&#x8FDE;&#x63A5;
    XHR Multipart Streaming
    &#x4E0D;&#x53EF;&#x89C1;&#x7684;Iframe
    &lt;script&gt;&#x6807;&#x7B7E;&#x7684;&#x957F;&#x65F6;&#x95F4;&#x8FDE;&#x63A5;(&#x53EF;&#x8DE8;&#x57DF;)
</code></pre><h3 id="t71&#x4E8B;&#x4EF6;&#x3001;IE&#x4E0E;&#x706B;&#x72D0;&#x7684;&#x4E8B;&#x4EF6;&#x673A;&#x5236;&#x6709;&#x4EC0;&#x4E48;&#x533A;&#x522B;&#xFF1F; &#x5982;&#x4F55;&#x963B;&#x6B62;&#x5192;&#x6CE1;&#xFF1F;">&#x4E8B;&#x4EF6;&#x3001;IE&#x4E0E;&#x706B;&#x72D0;&#x7684;&#x4E8B;&#x4EF6;&#x673A;&#x5236;&#x6709;&#x4EC0;&#x4E48;&#x533A;&#x522B;&#xFF1F; &#x5982;&#x4F55;&#x963B;&#x6B62;&#x5192;&#x6CE1;&#xFF1F; <a href="#t71&#x4E8B;&#x4EF6;&#x3001;IE&#x4E0E;&#x706B;&#x72D0;&#x7684;&#x4E8B;&#x4EF6;&#x673A;&#x5236;&#x6709;&#x4EC0;&#x4E48;&#x533A;&#x522B;&#xFF1F; &#x5982;&#x4F55;&#x963B;&#x6B62;&#x5192;&#x6CE1;&#xFF1F;"> # </a></h3>
<pre><code> 1. &#x6211;&#x4EEC;&#x5728;&#x7F51;&#x9875;&#x4E2D;&#x7684;&#x67D0;&#x4E2A;&#x64CD;&#x4F5C;&#xFF08;&#x6709;&#x7684;&#x64CD;&#x4F5C;&#x5BF9;&#x5E94;&#x591A;&#x4E2A;&#x4E8B;&#x4EF6;&#xFF09;&#x3002;&#x4F8B;&#x5982;&#xFF1A;&#x5F53;&#x6211;&#x4EEC;&#x70B9;&#x51FB;&#x4E00;&#x4E2A;&#x6309;&#x94AE;&#x5C31;&#x4F1A;&#x4EA7;&#x751F;&#x4E00;&#x4E2A;&#x4E8B;&#x4EF6;&#x3002;&#x662F;&#x53EF;&#x4EE5;&#x88AB; JavaScript &#x4FA6;&#x6D4B;&#x5230;&#x7684;&#x884C;&#x4E3A;&#x3002;
 2. &#x4E8B;&#x4EF6;&#x5904;&#x7406;&#x673A;&#x5236;&#xFF1A;IE&#x662F;&#x4E8B;&#x4EF6;&#x5192;&#x6CE1;&#x3001;firefox&#x540C;&#x65F6;&#x652F;&#x6301;&#x4E24;&#x79CD;&#x4E8B;&#x4EF6;&#x6A21;&#x578B;&#xFF0C;&#x4E5F;&#x5C31;&#x662F;&#xFF1A;&#x6355;&#x83B7;&#x578B;&#x4E8B;&#x4EF6;&#x548C;&#x5192;&#x6CE1;&#x578B;&#x4E8B;&#x4EF6;&#x3002;&#xFF1B;
 3.  ev.stopPropagation();&#x6CE8;&#x610F;&#x65E7;ie&#x7684;&#x65B9;&#x6CD5; ev.cancelBubble = true;
</code></pre><h3 id="t72ajax &#x662F;&#x4EC0;&#x4E48;?ajax &#x7684;&#x4EA4;&#x4E92;&#x6A21;&#x578B;?&#x540C;&#x6B65;&#x548C;&#x5F02;&#x6B65;&#x7684;&#x533A;&#x522B;?&#x5982;&#x4F55;&#x89E3;&#x51B3;&#x8DE8;&#x57DF;&#x95EE;&#x9898;?">ajax &#x662F;&#x4EC0;&#x4E48;?ajax &#x7684;&#x4EA4;&#x4E92;&#x6A21;&#x578B;?&#x540C;&#x6B65;&#x548C;&#x5F02;&#x6B65;&#x7684;&#x533A;&#x522B;?&#x5982;&#x4F55;&#x89E3;&#x51B3;&#x8DE8;&#x57DF;&#x95EE;&#x9898;? <a href="#t72ajax &#x662F;&#x4EC0;&#x4E48;?ajax &#x7684;&#x4EA4;&#x4E92;&#x6A21;&#x578B;?&#x540C;&#x6B65;&#x548C;&#x5F02;&#x6B65;&#x7684;&#x533A;&#x522B;?&#x5982;&#x4F55;&#x89E3;&#x51B3;&#x8DE8;&#x57DF;&#x95EE;&#x9898;?"> # </a></h3>
<p>&#x8BE6;&#x60C5;&#x8BF7;&#x89C1;&#xFF1A;[JavaScript&#x5B66;&#x4E60;&#x603B;&#x7ED3;&#xFF08;&#x4E03;&#xFF09;Ajax&#x548C;Http&#x72B6;&#x6001;&#x5B57;][14]</p>
<pre><code>1. &#x901A;&#x8FC7;&#x5F02;&#x6B65;&#x6A21;&#x5F0F;&#xFF0C;&#x63D0;&#x5347;&#x4E86;&#x7528;&#x6237;&#x4F53;&#x9A8C;

  2. &#x4F18;&#x5316;&#x4E86;&#x6D4F;&#x89C8;&#x5668;&#x548C;&#x670D;&#x52A1;&#x5668;&#x4E4B;&#x95F4;&#x7684;&#x4F20;&#x8F93;&#xFF0C;&#x51CF;&#x5C11;&#x4E0D;&#x5FC5;&#x8981;&#x7684;&#x6570;&#x636E;&#x5F80;&#x8FD4;&#xFF0C;&#x51CF;&#x5C11;&#x4E86;&#x5E26;&#x5BBD;&#x5360;&#x7528;

  3. Ajax&#x5728;&#x5BA2;&#x6237;&#x7AEF;&#x8FD0;&#x884C;&#xFF0C;&#x627F;&#x62C5;&#x4E86;&#x4E00;&#x90E8;&#x5206;&#x672C;&#x6765;&#x7531;&#x670D;&#x52A1;&#x5668;&#x627F;&#x62C5;&#x7684;&#x5DE5;&#x4F5C;&#xFF0C;&#x51CF;&#x5C11;&#x4E86;&#x5927;&#x7528;&#x6237;&#x91CF;&#x4E0B;&#x7684;&#x670D;&#x52A1;&#x5668;&#x8D1F;&#x8F7D;&#x3002;

  2. Ajax&#x7684;&#x6700;&#x5927;&#x7684;&#x7279;&#x70B9;&#x662F;&#x4EC0;&#x4E48;&#x3002;

  Ajax&#x53EF;&#x4EE5;&#x5B9E;&#x73B0;&#x52A8;&#x6001;&#x4E0D;&#x5237;&#x65B0;&#xFF08;&#x5C40;&#x90E8;&#x5237;&#x65B0;&#xFF09;
  readyState&#x5C5E;&#x6027; &#x72B6;&#x6001; &#x6709;5&#x4E2A;&#x53EF;&#x53D6;&#x503C;&#xFF1A; 0=&#x672A;&#x521D;&#x59CB;&#x5316; &#xFF0C;1=&#x542F;&#x52A8; 2=&#x53D1;&#x9001;&#xFF0C;3=&#x63A5;&#x6536;&#xFF0C;4=&#x5B8C;&#x6210;

ajax&#x7684;&#x7F3A;&#x70B9;

  1&#x3001;ajax&#x4E0D;&#x652F;&#x6301;&#x6D4F;&#x89C8;&#x5668;back&#x6309;&#x94AE;&#x3002;

  2&#x3001;&#x5B89;&#x5168;&#x95EE;&#x9898; AJAX&#x66B4;&#x9732;&#x4E86;&#x4E0E;&#x670D;&#x52A1;&#x5668;&#x4EA4;&#x4E92;&#x7684;&#x7EC6;&#x8282;&#x3002;

  3&#x3001;&#x5BF9;&#x641C;&#x7D22;&#x5F15;&#x64CE;&#x7684;&#x652F;&#x6301;&#x6BD4;&#x8F83;&#x5F31;&#x3002;

  4&#x3001;&#x7834;&#x574F;&#x4E86;&#x7A0B;&#x5E8F;&#x7684;&#x5F02;&#x5E38;&#x673A;&#x5236;&#x3002;

  5&#x3001;&#x4E0D;&#x5BB9;&#x6613;&#x8C03;&#x8BD5;&#x3002;

&#x8DE8;&#x57DF;&#xFF1A; jsonp&#x3001; iframe&#x3001;window.name&#x3001;window.postMessage&#x3001;&#x670D;&#x52A1;&#x5668;&#x4E0A;&#x8BBE;&#x7F6E;&#x4EE3;&#x7406;&#x9875;&#x9762;
</code></pre><h3 id="t73js&#x5BF9;&#x8C61;&#x7684;&#x6DF1;&#x5EA6;&#x514B;&#x9686;">js&#x5BF9;&#x8C61;&#x7684;&#x6DF1;&#x5EA6;&#x514B;&#x9686; <a href="#t73js&#x5BF9;&#x8C61;&#x7684;&#x6DF1;&#x5EA6;&#x514B;&#x9686;"> # </a></h3>
<pre><code>  function clone(Obj) {
        var buf;
        if (Obj instanceof Array) {
            buf = [];  //&#x521B;&#x5EFA;&#x4E00;&#x4E2A;&#x7A7A;&#x7684;&#x6570;&#x7EC4;
            var i = Obj.length;
            while (i) {
                buf[i] = clone(Obj[i]);
            }
            return buf;
        }else if (Obj instanceof Object){
            buf = {};  //&#x521B;&#x5EFA;&#x4E00;&#x4E2A;&#x7A7A;&#x5BF9;&#x8C61;
            for (var k in Obj) {  //&#x4E3A;&#x8FD9;&#x4E2A;&#x5BF9;&#x8C61;&#x6DFB;&#x52A0;&#x65B0;&#x7684;&#x5C5E;&#x6027;
                buf[k] = clone(Obj[k]);
            }
            return buf;
        }else{
            return Obj;
        }
    }
</code></pre><h3 id="t74AMD&#x548C;CMD &#x89C4;&#x8303;&#x7684;&#x533A;&#x522B;&#xFF1F;">AMD&#x548C;CMD &#x89C4;&#x8303;&#x7684;&#x533A;&#x522B;&#xFF1F; <a href="#t74AMD&#x548C;CMD &#x89C4;&#x8303;&#x7684;&#x533A;&#x522B;&#xFF1F;"> # </a></h3>
<p>&#x8BE6;&#x60C5;&#x8BF7;&#x89C1;&#xFF1A;[&#x8BE6;&#x89E3;JavaScript&#x6A21;&#x5757;&#x5316;&#x5F00;&#x53D1;][15]</p>
<h3 id="t75&#x7F51;&#x7AD9;&#x91CD;&#x6784;&#x7684;&#x7406;&#x89E3;&#xFF1F;">&#x7F51;&#x7AD9;&#x91CD;&#x6784;&#x7684;&#x7406;&#x89E3;&#xFF1F; <a href="#t75&#x7F51;&#x7AD9;&#x91CD;&#x6784;&#x7684;&#x7406;&#x89E3;&#xFF1F;"> # </a></h3>
<pre><code>&#x7F51;&#x7AD9;&#x91CD;&#x6784;&#xFF1A;&#x5728;&#x4E0D;&#x6539;&#x53D8;&#x5916;&#x90E8;&#x884C;&#x4E3A;&#x7684;&#x524D;&#x63D0;&#x4E0B;&#xFF0C;&#x7B80;&#x5316;&#x7ED3;&#x6784;&#x3001;&#x6DFB;&#x52A0;&#x53EF;&#x8BFB;&#x6027;&#xFF0C;&#x800C;&#x5728;&#x7F51;&#x7AD9;&#x524D;&#x7AEF;&#x4FDD;&#x6301;&#x4E00;&#x81F4;&#x7684;&#x884C;&#x4E3A;&#x3002;&#x4E5F;&#x5C31;&#x662F;&#x8BF4;&#x662F;&#x5728;&#x4E0D;&#x6539;&#x53D8;UI&#x7684;&#x60C5;&#x51B5;&#x4E0B;&#xFF0C;&#x5BF9;&#x7F51;&#x7AD9;&#x8FDB;&#x884C;&#x4F18;&#x5316;&#xFF0C;&#x5728;&#x6269;&#x5C55;&#x7684;&#x540C;&#x65F6;&#x4FDD;&#x6301;&#x4E00;&#x81F4;&#x7684;UI&#x3002;

&#x5BF9;&#x4E8E;&#x4F20;&#x7EDF;&#x7684;&#x7F51;&#x7AD9;&#x6765;&#x8BF4;&#x91CD;&#x6784;&#x901A;&#x5E38;&#x662F;&#xFF1A;

&#x8868;&#x683C;(table)&#x5E03;&#x5C40;&#x6539;&#x4E3A;DIV+CSS
&#x4F7F;&#x7F51;&#x7AD9;&#x524D;&#x7AEF;&#x517C;&#x5BB9;&#x4E8E;&#x73B0;&#x4EE3;&#x6D4F;&#x89C8;&#x5668;(&#x9488;&#x5BF9;&#x4E8E;&#x4E0D;&#x5408;&#x89C4;&#x8303;&#x7684;CSS&#x3001;&#x5982;&#x5BF9;IE6&#x6709;&#x6548;&#x7684;)
&#x5BF9;&#x4E8E;&#x79FB;&#x52A8;&#x5E73;&#x53F0;&#x7684;&#x4F18;&#x5316;
&#x9488;&#x5BF9;&#x4E8E;SEO&#x8FDB;&#x884C;&#x4F18;&#x5316;
&#x6DF1;&#x5C42;&#x6B21;&#x7684;&#x7F51;&#x7AD9;&#x91CD;&#x6784;&#x5E94;&#x8BE5;&#x8003;&#x8651;&#x7684;&#x65B9;&#x9762;

&#x51CF;&#x5C11;&#x4EE3;&#x7801;&#x95F4;&#x7684;&#x8026;&#x5408;
&#x8BA9;&#x4EE3;&#x7801;&#x4FDD;&#x6301;&#x5F39;&#x6027;
&#x4E25;&#x683C;&#x6309;&#x89C4;&#x8303;&#x7F16;&#x5199;&#x4EE3;&#x7801;
&#x8BBE;&#x8BA1;&#x53EF;&#x6269;&#x5C55;&#x7684;API
&#x4EE3;&#x66FF;&#x65E7;&#x6709;&#x7684;&#x6846;&#x67B6;&#x3001;&#x8BED;&#x8A00;(&#x5982;VB)
&#x589E;&#x5F3A;&#x7528;&#x6237;&#x4F53;&#x9A8C;
&#x901A;&#x5E38;&#x6765;&#x8BF4;&#x5BF9;&#x4E8E;&#x901F;&#x5EA6;&#x7684;&#x4F18;&#x5316;&#x4E5F;&#x5305;&#x542B;&#x5728;&#x91CD;&#x6784;&#x4E2D;

&#x538B;&#x7F29;JS&#x3001;CSS&#x3001;image&#x7B49;&#x524D;&#x7AEF;&#x8D44;&#x6E90;(&#x901A;&#x5E38;&#x662F;&#x7531;&#x670D;&#x52A1;&#x5668;&#x6765;&#x89E3;&#x51B3;)
&#x7A0B;&#x5E8F;&#x7684;&#x6027;&#x80FD;&#x4F18;&#x5316;(&#x5982;&#x6570;&#x636E;&#x8BFB;&#x5199;)
&#x91C7;&#x7528;CDN&#x6765;&#x52A0;&#x901F;&#x8D44;&#x6E90;&#x52A0;&#x8F7D;
&#x5BF9;&#x4E8E;JS DOM&#x7684;&#x4F18;&#x5316;
HTTP&#x670D;&#x52A1;&#x5668;&#x7684;&#x6587;&#x4EF6;&#x7F13;&#x5B58;
</code></pre><h3 id="t76&#x5982;&#x4F55;&#x83B7;&#x53D6;UA&#xFF1F;">&#x5982;&#x4F55;&#x83B7;&#x53D6;UA&#xFF1F; <a href="#t76&#x5982;&#x4F55;&#x83B7;&#x53D6;UA&#xFF1F;"> # </a></h3>
<pre><code>&lt;script&gt;
    function whatBrowser() {
        document.Browser.Name.value=navigator.appName;
        document.Browser.Version.value=navigator.appVersion;
        document.Browser.Code.value=navigator.appCodeName;
        document.Browser.Agent.value=navigator.userAgent;
    }
&lt;/script&gt;
</code></pre><h3 id="t77js&#x6570;&#x7EC4;&#x53BB;&#x91CD;">js&#x6570;&#x7EC4;&#x53BB;&#x91CD; <a href="#t77js&#x6570;&#x7EC4;&#x53BB;&#x91CD;"> # </a></h3>
<p>&#x4EE5;&#x4E0B;&#x662F;&#x6570;&#x7EC4;&#x53BB;&#x91CD;&#x7684;&#x4E09;&#x79CD;&#x65B9;&#x6CD5;&#xFF1A;</p>
<pre><code>Array.prototype.unique1 = function () {
  var n = []; //&#x4E00;&#x4E2A;&#x65B0;&#x7684;&#x4E34;&#x65F6;&#x6570;&#x7EC4;
  for (var i = 0; i &lt; this.length; i++) //&#x904D;&#x5386;&#x5F53;&#x524D;&#x6570;&#x7EC4;
  {
    //&#x5982;&#x679C;&#x5F53;&#x524D;&#x6570;&#x7EC4;&#x7684;&#x7B2C;i&#x5DF2;&#x7ECF;&#x4FDD;&#x5B58;&#x8FDB;&#x4E86;&#x4E34;&#x65F6;&#x6570;&#x7EC4;&#xFF0C;&#x90A3;&#x4E48;&#x8DF3;&#x8FC7;&#xFF0C;
    //&#x5426;&#x5219;&#x628A;&#x5F53;&#x524D;&#x9879;push&#x5230;&#x4E34;&#x65F6;&#x6570;&#x7EC4;&#x91CC;&#x9762;
    if (n.indexOf(this[i]) == 1) n.push(this[i]);
  }
  return n;
}

Array.prototype.unique2 = function()
{
    var n = {},r=[]; //n&#x4E3A;hash&#x8868;&#xFF0C;r&#x4E3A;&#x4E34;&#x65F6;&#x6570;&#x7EC4;
    for(var i = 0; i &lt; this.length; i++) //&#x904D;&#x5386;&#x5F53;&#x524D;&#x6570;&#x7EC4;
    {
        if (!n[this[i]]) //&#x5982;&#x679C;hash&#x8868;&#x4E2D;&#x6CA1;&#x6709;&#x5F53;&#x524D;&#x9879;
        {
            n[this[i]] = true; //&#x5B58;&#x5165;hash&#x8868;
            r.push(this[i]); //&#x628A;&#x5F53;&#x524D;&#x6570;&#x7EC4;&#x7684;&#x5F53;&#x524D;&#x9879;push&#x5230;&#x4E34;&#x65F6;&#x6570;&#x7EC4;&#x91CC;&#x9762;
        }
    }
    return r;
}

Array.prototype.unique3 = function()
{
    var n = [this[0]]; //&#x7ED3;&#x679C;&#x6570;&#x7EC4;
    for(var i = 1; i &lt; this.length; i++) //&#x4ECE;&#x7B2C;&#x4E8C;&#x9879;&#x5F00;&#x59CB;&#x904D;&#x5386;
    {
        //&#x5982;&#x679C;&#x5F53;&#x524D;&#x6570;&#x7EC4;&#x7684;&#x7B2C;i&#x9879;&#x5728;&#x5F53;&#x524D;&#x6570;&#x7EC4;&#x4E2D;&#x7B2C;&#x4E00;&#x6B21;&#x51FA;&#x73B0;&#x7684;&#x4F4D;&#x7F6E;&#x4E0D;&#x662F;i&#xFF0C;
        //&#x90A3;&#x4E48;&#x8868;&#x793A;&#x7B2C;i&#x9879;&#x662F;&#x91CD;&#x590D;&#x7684;&#xFF0C;&#x5FFD;&#x7565;&#x6389;&#x3002;&#x5426;&#x5219;&#x5B58;&#x5165;&#x7ED3;&#x679C;&#x6570;&#x7EC4;
        if (this.indexOf(this[i]) == i) n.push(this[i]);
    }
    return n;
}
</code></pre><h3 id="t78HTTP&#x72B6;&#x6001;&#x7801;">HTTP&#x72B6;&#x6001;&#x7801; <a href="#t78HTTP&#x72B6;&#x6001;&#x7801;"> # </a></h3>
<pre><code>100  Continue  &#x7EE7;&#x7EED;&#xFF0C;&#x4E00;&#x822C;&#x5728;&#x53D1;&#x9001;post&#x8BF7;&#x6C42;&#x65F6;&#xFF0C;&#x5DF2;&#x53D1;&#x9001;&#x4E86;http header&#x4E4B;&#x540E;&#x670D;&#x52A1;&#x7AEF;&#x5C06;&#x8FD4;&#x56DE;&#x6B64;&#x4FE1;&#x606F;&#xFF0C;&#x8868;&#x793A;&#x786E;&#x8BA4;&#xFF0C;&#x4E4B;&#x540E;&#x53D1;&#x9001;&#x5177;&#x4F53;&#x53C2;&#x6570;&#x4FE1;&#x606F;
200  OK   &#x6B63;&#x5E38;&#x8FD4;&#x56DE;&#x4FE1;&#x606F;
201  Created  &#x8BF7;&#x6C42;&#x6210;&#x529F;&#x5E76;&#x4E14;&#x670D;&#x52A1;&#x5668;&#x521B;&#x5EFA;&#x4E86;&#x65B0;&#x7684;&#x8D44;&#x6E90;
202  Accepted  &#x670D;&#x52A1;&#x5668;&#x5DF2;&#x63A5;&#x53D7;&#x8BF7;&#x6C42;&#xFF0C;&#x4F46;&#x5C1A;&#x672A;&#x5904;&#x7406;
301  Moved Permanently  &#x8BF7;&#x6C42;&#x7684;&#x7F51;&#x9875;&#x5DF2;&#x6C38;&#x4E45;&#x79FB;&#x52A8;&#x5230;&#x65B0;&#x4F4D;&#x7F6E;&#x3002;
302 Found  &#x4E34;&#x65F6;&#x6027;&#x91CD;&#x5B9A;&#x5411;&#x3002;
303 See Other  &#x4E34;&#x65F6;&#x6027;&#x91CD;&#x5B9A;&#x5411;&#xFF0C;&#x4E14;&#x603B;&#x662F;&#x4F7F;&#x7528; GET &#x8BF7;&#x6C42;&#x65B0;&#x7684; URI&#x3002;
304  Not Modified  &#x81EA;&#x4ECE;&#x4E0A;&#x6B21;&#x8BF7;&#x6C42;&#x540E;&#xFF0C;&#x8BF7;&#x6C42;&#x7684;&#x7F51;&#x9875;&#x672A;&#x4FEE;&#x6539;&#x8FC7;&#x3002;

400 Bad Request  &#x670D;&#x52A1;&#x5668;&#x65E0;&#x6CD5;&#x7406;&#x89E3;&#x8BF7;&#x6C42;&#x7684;&#x683C;&#x5F0F;&#xFF0C;&#x5BA2;&#x6237;&#x7AEF;&#x4E0D;&#x5E94;&#x5F53;&#x5C1D;&#x8BD5;&#x518D;&#x6B21;&#x4F7F;&#x7528;&#x76F8;&#x540C;&#x7684;&#x5185;&#x5BB9;&#x53D1;&#x8D77;&#x8BF7;&#x6C42;&#x3002;
401 Unauthorized  &#x8BF7;&#x6C42;&#x672A;&#x6388;&#x6743;&#x3002;
403 Forbidden  &#x7981;&#x6B62;&#x8BBF;&#x95EE;&#x3002;
404 Not Found  &#x627E;&#x4E0D;&#x5230;&#x5982;&#x4F55;&#x4E0E; URI &#x76F8;&#x5339;&#x914D;&#x7684;&#x8D44;&#x6E90;&#x3002;

500 Internal Server Error  &#x6700;&#x5E38;&#x89C1;&#x7684;&#x670D;&#x52A1;&#x5668;&#x7AEF;&#x9519;&#x8BEF;&#x3002;
503 Service Unavailable &#x670D;&#x52A1;&#x5668;&#x7AEF;&#x6682;&#x65F6;&#x65E0;&#x6CD5;&#x5904;&#x7406;&#x8BF7;&#x6C42;&#xFF08;&#x53EF;&#x80FD;&#x662F;&#x8FC7;&#x8F7D;&#x6216;&#x7EF4;&#x62A4;&#xFF09;&#x3002;
</code></pre><h3 id="t79cachecontrol">cachecontrol <a href="#t79cachecontrol"> # </a></h3>
<p>&#x7F51;&#x9875;&#x7684;&#x7F13;&#x5B58;&#x662F;&#x7531;HTTP&#x6D88;&#x606F;&#x5934;&#x4E2D;&#x7684;<code>&#x201C;Cachecontrol&#x201D;</code>&#x6765;&#x63A7;&#x5236;&#x7684;&#xFF0C;&#x5E38;&#x89C1;&#x7684;&#x53D6;&#x503C;&#x6709;<code>private&#x3001;nocache&#x3001;maxage&#x3001;mustrevalidate</code>&#x7B49;&#xFF0C;&#x9ED8;&#x8BA4;&#x4E3A;<code>private</code>&#x3002;</p>
<p><code>Expires</code> &#x5934;&#x90E8;&#x5B57;&#x6BB5;&#x63D0;&#x4F9B;&#x4E00;&#x4E2A;&#x65E5;&#x671F;&#x548C;&#x65F6;&#x95F4;&#xFF0C;&#x54CD;&#x5E94;&#x5728;&#x8BE5;&#x65E5;&#x671F;&#x548C;&#x65F6;&#x95F4;&#x540E;&#x88AB;&#x8BA4;&#x4E3A;&#x5931;&#x6548;&#x3002;&#x5141;&#x8BB8;&#x5BA2;&#x6237;&#x7AEF;&#x5728;&#x8FD9;&#x4E2A;&#x65F6;&#x95F4;&#x4E4B;&#x524D;&#x4E0D;&#x53BB;&#x68C0;&#x67E5;&#xFF08;&#x53D1;&#x8BF7;&#x6C42;&#xFF09;&#xFF0C;&#x7B49;&#x540C;<code>maxage</code>&#x7684;&#x6548;&#x679C;&#x3002;&#x4F46;&#x662F;&#x5982;&#x679C;&#x540C;&#x65F6;&#x5B58;&#x5728;&#xFF0C;&#x5219;&#x88AB;<code>CacheControl</code>&#x7684;<code>maxage</code>&#x8986;&#x76D6;&#x3002;</p>
<pre><code>Expires = &quot;Expires&quot; &quot;:&quot; HTTPdate
</code></pre><p>&#x4F8B;&#x5982;</p>
<pre><code>Expires: Thu, 01 Dec 1994 16:00:00 GMT &#xFF08;&#x5FC5;&#x987B;&#x662F;GMT&#x683C;&#x5F0F;&#xFF09;
</code></pre><p>&#x5982;&#x679C;&#x628A;&#x5B83;&#x8BBE;&#x7F6E;&#x4E3A;<code>1</code>&#xFF0C;&#x5219;&#x8868;&#x793A;&#x7ACB;&#x5373;&#x8FC7;&#x671F;</p>
<p><code>Expires</code>&#x548C;<code>maxage</code>&#x90FD;&#x53EF;&#x4EE5;&#x7528;&#x6765;&#x6307;&#x5B9A;&#x6587;&#x6863;&#x7684;&#x8FC7;&#x671F;&#x65F6;&#x95F4;&#xFF0C;&#x4F46;&#x662F;&#x4E8C;&#x8005;&#x6709;&#x4E00;&#x4E9B;&#x7EC6;&#x5FAE;&#x5DEE;&#x522B;</p>
<pre><code>1.Expires&#x5728;HTTP/1.0&#x4E2D;&#x5DF2;&#x7ECF;&#x5B9A;&#x4E49;&#xFF0C;CacheControl:maxage&#x5728;HTTP/1.1&#x4E2D;&#x624D;&#x6709;&#x5B9A;&#x4E49;&#xFF0C;&#x4E3A;&#x4E86;&#x5411;&#x4E0B;&#x517C;&#x5BB9;&#xFF0C;&#x4EC5;&#x4F7F;&#x7528;maxage&#x4E0D;&#x591F;&#xFF1B;
2.Expires&#x6307;&#x5B9A;&#x4E00;&#x4E2A;&#x7EDD;&#x5BF9;&#x7684;&#x8FC7;&#x671F;&#x65F6;&#x95F4;(GMT&#x683C;&#x5F0F;),&#x8FD9;&#x4E48;&#x505A;&#x4F1A;&#x5BFC;&#x81F4;&#x81F3;&#x5C11;2&#x4E2A;&#x95EE;&#x9898;&#xFF1A;1)&#x5BA2;&#x6237;&#x7AEF;&#x548C;&#x670D;&#x52A1;&#x5668;&#x65F6;&#x95F4;&#x4E0D;&#x540C;&#x6B65;&#x5BFC;&#x81F4;Expires&#x7684;&#x914D;&#x7F6E;&#x51FA;&#x73B0;&#x95EE;&#x9898;&#x3002; 2&#xFF09;&#x5F88;&#x5BB9;&#x6613;&#x5728;&#x914D;&#x7F6E;&#x540E;&#x5FD8;&#x8BB0;&#x5177;&#x4F53;&#x7684;&#x8FC7;&#x671F;&#x65F6;&#x95F4;&#xFF0C;&#x5BFC;&#x81F4;&#x8FC7;&#x671F;&#x6765;&#x4E34;&#x51FA;&#x73B0;&#x6D6A;&#x6D8C;&#x73B0;&#x8C61;&#xFF1B;

3.maxage &#x6307;&#x5B9A;&#x7684;&#x662F;&#x4ECE;&#x6587;&#x6863;&#x88AB;&#x8BBF;&#x95EE;&#x540E;&#x7684;&#x5B58;&#x6D3B;&#x65F6;&#x95F4;&#xFF0C;&#x8FD9;&#x4E2A;&#x65F6;&#x95F4;&#x662F;&#x4E2A;&#x76F8;&#x5BF9;&#x503C;(&#x6BD4;&#x5982;:3600s),&#x76F8;&#x5BF9;&#x7684;&#x662F;&#x6587;&#x6863;&#x7B2C;&#x4E00;&#x6B21;&#x88AB;&#x8BF7;&#x6C42;&#x65F6;&#x670D;&#x52A1;&#x5668;&#x8BB0;&#x5F55;&#x7684;Request_time(&#x8BF7;&#x6C42;&#x65F6;&#x95F4;)

4.Expires&#x6307;&#x5B9A;&#x7684;&#x65F6;&#x95F4;&#x53EF;&#x4EE5;&#x662F;&#x76F8;&#x5BF9;&#x6587;&#x4EF6;&#x7684;&#x6700;&#x540E;&#x8BBF;&#x95EE;&#x65F6;&#x95F4;(Atime)&#x6216;&#x8005;&#x4FEE;&#x6539;&#x65F6;&#x95F4;(MTime),&#x800C;maxage&#x76F8;&#x5BF9;&#x5BF9;&#x7684;&#x662F;&#x6587;&#x6863;&#x7684;&#x8BF7;&#x6C42;&#x65F6;&#x95F4;(Atime)

&#x5982;&#x679C;&#x503C;&#x4E3A;nocache,&#x90A3;&#x4E48;&#x6BCF;&#x6B21;&#x90FD;&#x4F1A;&#x8BBF;&#x95EE;&#x670D;&#x52A1;&#x5668;&#x3002;&#x5982;&#x679C;&#x503C;&#x4E3A;maxage,&#x5219;&#x5728;&#x8FC7;&#x671F;&#x4E4B;&#x524D;&#x4E0D;&#x4F1A;&#x91CD;&#x590D;&#x8BBF;&#x95EE;&#x670D;&#x52A1;&#x5668;&#x3002;
</code></pre><h3 id="t80js&#x64CD;&#x4F5C;&#x83B7;&#x53D6;&#x548C;&#x8BBE;&#x7F6E;cookie">js&#x64CD;&#x4F5C;&#x83B7;&#x53D6;&#x548C;&#x8BBE;&#x7F6E;cookie <a href="#t80js&#x64CD;&#x4F5C;&#x83B7;&#x53D6;&#x548C;&#x8BBE;&#x7F6E;cookie"> # </a></h3>
<pre><code>//&#x521B;&#x5EFA;cookie
function setCookie(name, value, expires, path, domain, secure) {
    var cookieText = encodeURIComponent(name) + &apos;=&apos; + encodeURIComponent(value);
    if (expires instanceof Date) {
        cookieText += &apos;; expires=&apos; + expires;
    }
    if (path) {
        cookieText += &apos;; expires=&apos; + expires;
    }
    if (domain) {
        cookieText += &apos;; domain=&apos; + domain;
    }
    if (secure) {
        cookieText += &apos;; secure&apos;;
    }
    document.cookie = cookieText;
}

//&#x83B7;&#x53D6;cookie
function getCookie(name) {
    var cookieName = encodeURIComponent(name) + &apos;=&apos;;
    var cookieStart = document.cookie.indexOf(cookieName);
    var cookieValue = null;
    if (cookieStart &gt; 1) {
        var cookieEnd = document.cookie.indexOf(&apos;;&apos;, cookieStart);
        if (cookieEnd == 1) {
            cookieEnd = document.cookie.length;
        }
        cookieValue = decodeURIComponent(document.cookie.substring(cookieStart + cookieName.length, cookieEnd));
    }
    return cookieValue;
}

//&#x5220;&#x9664;cookie
function unsetCookie(name) {
    document.cookie = name + &quot;= ; expires=&quot; + new Date(0);
}
</code></pre><h3 id="t81&#x8BF7;&#x4F60;&#x8C08;&#x8C08;Cookie&#x7684;&#x5F0A;&#x7AEF;">&#x8BF7;&#x4F60;&#x8C08;&#x8C08;Cookie&#x7684;&#x5F0A;&#x7AEF; <a href="#t81&#x8BF7;&#x4F60;&#x8C08;&#x8C08;Cookie&#x7684;&#x5F0A;&#x7AEF;"> # </a></h3>
<p><code>cookie</code>&#x867D;&#x7136;&#x5728;&#x6301;&#x4E45;&#x4FDD;&#x5B58;&#x5BA2;&#x6237;&#x7AEF;&#x6570;&#x636E;&#x63D0;&#x4F9B;&#x4E86;&#x65B9;&#x4FBF;&#xFF0C;&#x5206;&#x62C5;&#x4E86;&#x670D;&#x52A1;&#x5668;&#x5B58;&#x50A8;&#x7684;&#x8D1F;&#x62C5;&#xFF0C;&#x4F46;&#x8FD8;&#x662F;&#x6709;&#x5F88;&#x591A;&#x5C40;&#x9650;&#x6027;&#x7684;&#x3002;
&#x7B2C;&#x4E00;&#xFF1A;&#x6BCF;&#x4E2A;&#x7279;&#x5B9A;&#x7684;&#x57DF;&#x540D;&#x4E0B;&#x6700;&#x591A;&#x751F;&#x6210;20&#x4E2A;<code>cookie</code></p>
<pre><code>1.IE6&#x6216;&#x66F4;&#x4F4E;&#x7248;&#x672C;&#x6700;&#x591A;20&#x4E2A;cookie
2.IE7&#x548C;&#x4E4B;&#x540E;&#x7684;&#x7248;&#x672C;&#x6700;&#x540E;&#x53EF;&#x4EE5;&#x6709;50&#x4E2A;cookie&#x3002;
3.Firefox&#x6700;&#x591A;50&#x4E2A;cookie
4.chrome&#x548C;Safari&#x6CA1;&#x6709;&#x505A;&#x786C;&#x6027;&#x9650;&#x5236;
</code></pre><p><code>IE</code>&#x548C;<code>Opera</code> &#x4F1A;&#x6E05;&#x7406;&#x8FD1;&#x671F;&#x6700;&#x5C11;&#x4F7F;&#x7528;&#x7684;<code>cookie</code>&#xFF0C;<code>Firefox</code>&#x4F1A;&#x968F;&#x673A;&#x6E05;&#x7406;<code>cookie</code>&#x3002;</p>
<p><code>cookie</code>&#x7684;&#x6700;&#x5927;&#x5927;&#x7EA6;&#x4E3A;<code>4096</code>&#x5B57;&#x8282;&#xFF0C;&#x4E3A;&#x4E86;&#x517C;&#x5BB9;&#x6027;&#xFF0C;&#x4E00;&#x822C;&#x4E0D;&#x80FD;&#x8D85;&#x8FC7;<code>4095</code>&#x5B57;&#x8282;&#x3002;</p>
<p>IE &#x63D0;&#x4F9B;&#x4E86;&#x4E00;&#x79CD;&#x5B58;&#x50A8;&#x53EF;&#x4EE5;&#x6301;&#x4E45;&#x5316;&#x7528;&#x6237;&#x6570;&#x636E;&#xFF0C;&#x53EB;&#x505A;<code>uerData</code>&#xFF0C;&#x4ECE;<code>IE5.0</code>&#x5C31;&#x5F00;&#x59CB;&#x652F;&#x6301;&#x3002;&#x6BCF;&#x4E2A;&#x6570;&#x636E;&#x6700;&#x591A;128K&#xFF0C;&#x6BCF;&#x4E2A;&#x57DF;&#x540D;&#x4E0B;&#x6700;&#x591A;1M&#x3002;&#x8FD9;&#x4E2A;&#x6301;&#x4E45;&#x5316;&#x6570;&#x636E;&#x653E;&#x5728;&#x7F13;&#x5B58;&#x4E2D;&#xFF0C;&#x5982;&#x679C;&#x7F13;&#x5B58;&#x6CA1;&#x6709;&#x6E05;&#x7406;&#xFF0C;&#x90A3;&#x4E48;&#x4F1A;&#x4E00;&#x76F4;&#x5B58;&#x5728;&#x3002;</p>
<h3 id="t82&#x4F18;&#x70B9;&#xFF1A;&#x6781;&#x9AD8;&#x7684;&#x6269;&#x5C55;&#x6027;&#x548C;&#x53EF;&#x7528;&#x6027;">&#x4F18;&#x70B9;&#xFF1A;&#x6781;&#x9AD8;&#x7684;&#x6269;&#x5C55;&#x6027;&#x548C;&#x53EF;&#x7528;&#x6027; <a href="#t82&#x4F18;&#x70B9;&#xFF1A;&#x6781;&#x9AD8;&#x7684;&#x6269;&#x5C55;&#x6027;&#x548C;&#x53EF;&#x7528;&#x6027;"> # </a></h3>
<pre><code>1.&#x901A;&#x8FC7;&#x826F;&#x597D;&#x7684;&#x7F16;&#x7A0B;&#xFF0C;&#x63A7;&#x5236;&#x4FDD;&#x5B58;&#x5728;cookie&#x4E2D;&#x7684;session&#x5BF9;&#x8C61;&#x7684;&#x5927;&#x5C0F;&#x3002;
2.&#x901A;&#x8FC7;&#x52A0;&#x5BC6;&#x548C;&#x5B89;&#x5168;&#x4F20;&#x8F93;&#x6280;&#x672F;&#xFF08;SSL&#xFF09;&#xFF0C;&#x51CF;&#x5C11;cookie&#x88AB;&#x7834;&#x89E3;&#x7684;&#x53EF;&#x80FD;&#x6027;&#x3002;
3.&#x53EA;&#x5728;cookie&#x4E2D;&#x5B58;&#x653E;&#x4E0D;&#x654F;&#x611F;&#x6570;&#x636E;&#xFF0C;&#x5373;&#x4F7F;&#x88AB;&#x76D7;&#x4E5F;&#x4E0D;&#x4F1A;&#x6709;&#x91CD;&#x5927;&#x635F;&#x5931;&#x3002;
4.&#x63A7;&#x5236;cookie&#x7684;&#x751F;&#x547D;&#x671F;&#xFF0C;&#x4F7F;&#x4E4B;&#x4E0D;&#x4F1A;&#x6C38;&#x8FDC;&#x6709;&#x6548;&#x3002;&#x5077;&#x76D7;&#x8005;&#x5F88;&#x53EF;&#x80FD;&#x62FF;&#x5230;&#x4E00;&#x4E2A;&#x8FC7;&#x671F;&#x7684;cookie&#x3002;
</code></pre><h3 id="t83&#x7F3A;&#x70B9;&#xFF1A;">&#x7F3A;&#x70B9;&#xFF1A; <a href="#t83&#x7F3A;&#x70B9;&#xFF1A;"> # </a></h3>
<pre><code>1.`Cookie`&#x6570;&#x91CF;&#x548C;&#x957F;&#x5EA6;&#x7684;&#x9650;&#x5236;&#x3002;&#x6BCF;&#x4E2A;domain&#x6700;&#x591A;&#x53EA;&#x80FD;&#x6709;20&#x6761;cookie&#xFF0C;&#x6BCF;&#x4E2A;cookie&#x957F;&#x5EA6;&#x4E0D;&#x80FD;&#x8D85;&#x8FC7;4KB&#xFF0C;&#x5426;&#x5219;&#x4F1A;&#x88AB;&#x622A;&#x6389;&#x3002;

2.&#x5B89;&#x5168;&#x6027;&#x95EE;&#x9898;&#x3002;&#x5982;&#x679C;cookie&#x88AB;&#x4EBA;&#x62E6;&#x622A;&#x4E86;&#xFF0C;&#x90A3;&#x4EBA;&#x5C31;&#x53EF;&#x4EE5;&#x53D6;&#x5F97;&#x6240;&#x6709;&#x7684;session&#x4FE1;&#x606F;&#x3002;&#x5373;&#x4F7F;&#x52A0;&#x5BC6;&#x4E5F;&#x4E0E;&#x4E8B;&#x65E0;&#x8865;&#xFF0C;&#x56E0;&#x4E3A;&#x62E6;&#x622A;&#x8005;&#x5E76;&#x4E0D;&#x9700;&#x8981;&#x77E5;&#x9053;cookie&#x7684;&#x610F;&#x4E49;&#xFF0C;&#x4ED6;&#x53EA;&#x8981;&#x539F;&#x6837;&#x8F6C;&#x53D1;cookie&#x5C31;&#x53EF;&#x4EE5;&#x8FBE;&#x5230;&#x76EE;&#x7684;&#x4E86;&#x3002;

3.&#x6709;&#x4E9B;&#x72B6;&#x6001;&#x4E0D;&#x53EF;&#x80FD;&#x4FDD;&#x5B58;&#x5728;&#x5BA2;&#x6237;&#x7AEF;&#x3002;&#x4F8B;&#x5982;&#xFF0C;&#x4E3A;&#x4E86;&#x9632;&#x6B62;&#x91CD;&#x590D;&#x63D0;&#x4EA4;&#x8868;&#x5355;&#xFF0C;&#x6211;&#x4EEC;&#x9700;&#x8981;&#x5728;&#x670D;&#x52A1;&#x5668;&#x7AEF;&#x4FDD;&#x5B58;&#x4E00;&#x4E2A;&#x8BA1;&#x6570;&#x5668;&#x3002;&#x5982;&#x679C;&#x6211;&#x4EEC;&#x628A;&#x8FD9;&#x4E2A;&#x8BA1;&#x6570;&#x5668;&#x4FDD;&#x5B58;&#x5728;&#x5BA2;&#x6237;&#x7AEF;&#xFF0C;&#x90A3;&#x4E48;&#x5B83;&#x8D77;&#x4E0D;&#x5230;&#x4EFB;&#x4F55;&#x4F5C;&#x7528;&#x3002;
</code></pre><h3 id="t84&#x6D4F;&#x89C8;&#x5668;&#x672C;&#x5730;&#x5B58;&#x50A8;">&#x6D4F;&#x89C8;&#x5668;&#x672C;&#x5730;&#x5B58;&#x50A8; <a href="#t84&#x6D4F;&#x89C8;&#x5668;&#x672C;&#x5730;&#x5B58;&#x50A8;"> # </a></h3>
<p>&#x5728;&#x8F83;&#x9AD8;&#x7248;&#x672C;&#x7684;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#xFF0C;<code>js</code>&#x63D0;&#x4F9B;&#x4E86;<code>sessionStorage</code>&#x548C;<code>globalStorage</code>&#x3002;&#x5728;<code>HTML5</code>&#x4E2D;&#x63D0;&#x4F9B;&#x4E86;<code>localStorage</code>&#x6765;&#x53D6;&#x4EE3;<code>globalStorage</code>&#x3002;</p>
<p><code>html5</code>&#x4E2D;&#x7684;<code>Web Storage</code>&#x5305;&#x62EC;&#x4E86;&#x4E24;&#x79CD;&#x5B58;&#x50A8;&#x65B9;&#x5F0F;&#xFF1A;<code>sessionStorage</code>&#x548C;<code>localStorage</code>&#x3002;</p>
<p><code>sessionStorage</code>&#x7528;&#x4E8E;&#x672C;&#x5730;&#x5B58;&#x50A8;&#x4E00;&#x4E2A;&#x4F1A;&#x8BDD;&#xFF08;session&#xFF09;&#x4E2D;&#x7684;&#x6570;&#x636E;&#xFF0C;&#x8FD9;&#x4E9B;&#x6570;&#x636E;&#x53EA;&#x6709;&#x5728;&#x540C;&#x4E00;&#x4E2A;&#x4F1A;&#x8BDD;&#x4E2D;&#x7684;&#x9875;&#x9762;&#x624D;&#x80FD;&#x8BBF;&#x95EE;&#x5E76;&#x4E14;&#x5F53;&#x4F1A;&#x8BDD;&#x7ED3;&#x675F;&#x540E;&#x6570;&#x636E;&#x4E5F;&#x968F;&#x4E4B;&#x9500;&#x6BC1;&#x3002;&#x56E0;&#x6B64;<code>sessionStorage</code>&#x4E0D;&#x662F;&#x4E00;&#x79CD;&#x6301;&#x4E45;&#x5316;&#x7684;&#x672C;&#x5730;&#x5B58;&#x50A8;&#xFF0C;&#x4EC5;&#x4EC5;&#x662F;&#x4F1A;&#x8BDD;&#x7EA7;&#x522B;&#x7684;&#x5B58;&#x50A8;&#x3002;</p>
<p>&#x800C;<code>localStorage</code>&#x7528;&#x4E8E;&#x6301;&#x4E45;&#x5316;&#x7684;&#x672C;&#x5730;&#x5B58;&#x50A8;&#xFF0C;&#x9664;&#x975E;&#x4E3B;&#x52A8;&#x5220;&#x9664;&#x6570;&#x636E;&#xFF0C;&#x5426;&#x5219;&#x6570;&#x636E;&#x662F;&#x6C38;&#x8FDC;&#x4E0D;&#x4F1A;&#x8FC7;&#x671F;&#x7684;&#x3002;</p>
<h3 id="t85web storage&#x548C;cookie&#x7684;&#x533A;&#x522B;">web storage&#x548C;cookie&#x7684;&#x533A;&#x522B; <a href="#t85web storage&#x548C;cookie&#x7684;&#x533A;&#x522B;"> # </a></h3>
<p><code>Web Storage</code>&#x7684;&#x6982;&#x5FF5;&#x548C;<code>cookie</code>&#x76F8;&#x4F3C;&#xFF0C;&#x533A;&#x522B;&#x662F;&#x5B83;&#x662F;&#x4E3A;&#x4E86;&#x66F4;&#x5927;&#x5BB9;&#x91CF;&#x5B58;&#x50A8;&#x8BBE;&#x8BA1;&#x7684;&#x3002;<code>Cookie</code>&#x7684;&#x5927;&#x5C0F;&#x662F;&#x53D7;&#x9650;&#x7684;&#xFF0C;&#x5E76;&#x4E14;&#x6BCF;&#x6B21;&#x4F60;&#x8BF7;&#x6C42;&#x4E00;&#x4E2A;&#x65B0;&#x7684;&#x9875;&#x9762;&#x7684;&#x65F6;&#x5019;<code>Cookie</code>&#x90FD;&#x4F1A;&#x88AB;&#x53D1;&#x9001;&#x8FC7;&#x53BB;&#xFF0C;&#x8FD9;&#x6837;&#x65E0;&#x5F62;&#x4E2D;&#x6D6A;&#x8D39;&#x4E86;&#x5E26;&#x5BBD;&#xFF0C;&#x53E6;&#x5916;<code>cookie</code>&#x8FD8;&#x9700;&#x8981;&#x6307;&#x5B9A;&#x4F5C;&#x7528;&#x57DF;&#xFF0C;&#x4E0D;&#x53EF;&#x4EE5;&#x8DE8;&#x57DF;&#x8C03;&#x7528;&#x3002;</p>
<p>&#x9664;&#x6B64;&#x4E4B;&#x5916;&#xFF0C;<code>Web Storage</code>&#x62E5;&#x6709;<code>setItem,getItem,removeItem,clear</code>&#x7B49;&#x65B9;&#x6CD5;&#xFF0C;&#x4E0D;&#x50CF;<code>cookie</code>&#x9700;&#x8981;&#x524D;&#x7AEF;&#x5F00;&#x53D1;&#x8005;&#x81EA;&#x5DF1;&#x5C01;&#x88C5;<code>setCookie&#xFF0C;getCookie</code>&#x3002;</p>
<p>&#x4F46;&#x662F;<code>Cookie</code>&#x4E5F;&#x662F;&#x4E0D;&#x53EF;&#x4EE5;&#x6216;&#x7F3A;&#x7684;&#xFF1A;<code>Cookie</code>&#x7684;&#x4F5C;&#x7528;&#x662F;&#x4E0E;&#x670D;&#x52A1;&#x5668;&#x8FDB;&#x884C;&#x4EA4;&#x4E92;&#xFF0C;&#x4F5C;&#x4E3A;<code>HTTP</code>&#x89C4;&#x8303;&#x7684;&#x4E00;&#x90E8;&#x5206;&#x800C;&#x5B58;&#x5728; &#xFF0C;&#x800C;<code>Web Storage</code>&#x4EC5;&#x4EC5;&#x662F;&#x4E3A;&#x4E86;&#x5728;&#x672C;&#x5730;&#x201C;&#x5B58;&#x50A8;&#x201D;&#x6570;&#x636E;&#x800C;&#x751F;</p>
<p>&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x652F;&#x6301;&#x9664;&#x4E86;<code>IE&#xFF17;</code>&#x53CA;&#x4EE5;&#x4E0B;&#x4E0D;&#x652F;&#x6301;&#x5916;&#xFF0C;&#x5176;&#x4ED6;&#x6807;&#x51C6;&#x6D4F;&#x89C8;&#x5668;&#x90FD;&#x5B8C;&#x5168;&#x652F;&#x6301;(ie&#x53CA;FF&#x9700;&#x5728;web&#x670D;&#x52A1;&#x5668;&#x91CC;&#x8FD0;&#x884C;)&#xFF0C;&#x503C;&#x5F97;&#x4E00;&#x63D0;&#x7684;&#x662F;IE&#x603B;&#x662F;&#x529E;&#x597D;&#x4E8B;&#xFF0C;&#x4F8B;&#x5982;IE7&#x3001;IE6&#x4E2D;&#x7684;<code>UserData</code>&#x5176;&#x5B9E;&#x5C31;&#x662F;<code>javascript</code>&#x672C;&#x5730;&#x5B58;&#x50A8;&#x7684;&#x89E3;&#x51B3;&#x65B9;&#x6848;&#x3002;&#x901A;&#x8FC7;&#x7B80;&#x5355;&#x7684;&#x4EE3;&#x7801;&#x5C01;&#x88C5;&#x53EF;&#x4EE5;&#x7EDF;&#x4E00;&#x5230;&#x6240;&#x6709;&#x7684;&#x6D4F;&#x89C8;&#x5668;&#x90FD;&#x652F;&#x6301;<code>web storage</code>&#x3002;</p>
<p><code>localStorage</code>&#x548C;<code>sessionStorage</code>&#x90FD;&#x5177;&#x6709;&#x76F8;&#x540C;&#x7684;&#x64CD;&#x4F5C;&#x65B9;&#x6CD5;&#xFF0C;&#x4F8B;&#x5982;<code>setItem&#x3001;getItem</code>&#x548C;<code>removeItem</code>&#x7B49;</p>
<h1 id="t86&#x7EFC;&#x5408;&#x7406;&#x89E3;">&#x7EFC;&#x5408;&#x7406;&#x89E3; <a href="#t86&#x7EFC;&#x5408;&#x7406;&#x89E3;"> # </a></h1>
<h3 id="t87&#x4F60;&#x9047;&#x5230;&#x8FC7;&#x6BD4;&#x8F83;&#x96BE;&#x7684;&#x6280;&#x672F;&#x95EE;&#x9898;&#x662F;&#xFF1F;&#x4F60;&#x662F;&#x5982;&#x4F55;&#x89E3;&#x51B3;&#x7684;&#xFF1F;">&#x4F60;&#x9047;&#x5230;&#x8FC7;&#x6BD4;&#x8F83;&#x96BE;&#x7684;&#x6280;&#x672F;&#x95EE;&#x9898;&#x662F;&#xFF1F;&#x4F60;&#x662F;&#x5982;&#x4F55;&#x89E3;&#x51B3;&#x7684;&#xFF1F; <a href="#t87&#x4F60;&#x9047;&#x5230;&#x8FC7;&#x6BD4;&#x8F83;&#x96BE;&#x7684;&#x6280;&#x672F;&#x95EE;&#x9898;&#x662F;&#xFF1F;&#x4F60;&#x662F;&#x5982;&#x4F55;&#x89E3;&#x51B3;&#x7684;&#xFF1F;"> # </a></h3>
<h3 id="t88&#x5E38;&#x4F7F;&#x7528;&#x7684;&#x5E93;&#x6709;&#x54EA;&#x4E9B;&#xFF1F;&#x5E38;&#x7528;&#x7684;&#x524D;&#x7AEF;&#x5F00;&#x53D1;&#x5DE5;&#x5177;&#xFF1F;&#x5F00;&#x53D1;&#x8FC7;&#x4EC0;&#x4E48;&#x5E94;&#x7528;&#x6216;&#x7EC4;&#x4EF6;&#xFF1F;">&#x5E38;&#x4F7F;&#x7528;&#x7684;&#x5E93;&#x6709;&#x54EA;&#x4E9B;&#xFF1F;&#x5E38;&#x7528;&#x7684;&#x524D;&#x7AEF;&#x5F00;&#x53D1;&#x5DE5;&#x5177;&#xFF1F;&#x5F00;&#x53D1;&#x8FC7;&#x4EC0;&#x4E48;&#x5E94;&#x7528;&#x6216;&#x7EC4;&#x4EF6;&#xFF1F; <a href="#t88&#x5E38;&#x4F7F;&#x7528;&#x7684;&#x5E93;&#x6709;&#x54EA;&#x4E9B;&#xFF1F;&#x5E38;&#x7528;&#x7684;&#x524D;&#x7AEF;&#x5F00;&#x53D1;&#x5DE5;&#x5177;&#xFF1F;&#x5F00;&#x53D1;&#x8FC7;&#x4EC0;&#x4E48;&#x5E94;&#x7528;&#x6216;&#x7EC4;&#x4EF6;&#xFF1F;"> # </a></h3>
<h3 id="t89&#x5217;&#x4E3E;IE &#x4E0E;&#x5176;&#x4ED6;&#x6D4F;&#x89C8;&#x5668;&#x4E0D;&#x4E00;&#x6837;&#x7684;&#x7279;&#x6027;&#xFF1F;">&#x5217;&#x4E3E;IE &#x4E0E;&#x5176;&#x4ED6;&#x6D4F;&#x89C8;&#x5668;&#x4E0D;&#x4E00;&#x6837;&#x7684;&#x7279;&#x6027;&#xFF1F; <a href="#t89&#x5217;&#x4E3E;IE &#x4E0E;&#x5176;&#x4ED6;&#x6D4F;&#x89C8;&#x5668;&#x4E0D;&#x4E00;&#x6837;&#x7684;&#x7279;&#x6027;&#xFF1F;"> # </a></h3>
<h3 id="t9099%&#x7684;&#x7F51;&#x7AD9;&#x90FD;&#x9700;&#x8981;&#x88AB;&#x91CD;&#x6784;&#x662F;&#x90A3;&#x672C;&#x4E66;&#x4E0A;&#x5199;&#x7684;&#xFF1F;">99%&#x7684;&#x7F51;&#x7AD9;&#x90FD;&#x9700;&#x8981;&#x88AB;&#x91CD;&#x6784;&#x662F;&#x90A3;&#x672C;&#x4E66;&#x4E0A;&#x5199;&#x7684;&#xFF1F; <a href="#t9099%&#x7684;&#x7F51;&#x7AD9;&#x90FD;&#x9700;&#x8981;&#x88AB;&#x91CD;&#x6784;&#x662F;&#x90A3;&#x672C;&#x4E66;&#x4E0A;&#x5199;&#x7684;&#xFF1F;"> # </a></h3>
<pre><code>* &#x7F51;&#x7AD9;&#x91CD;&#x6784;&#xFF1A;&#x5E94;&#x7528;web&#x6807;&#x51C6;&#x8FDB;&#x884C;&#x8BBE;&#x8BA1;&#xFF08;&#x7B2C;2&#x7248;&#xFF09;
</code></pre><h3 id="t91&#x4EC0;&#x4E48;&#x53EB;&#x4F18;&#x96C5;&#x964D;&#x7EA7;&#x548C;&#x6E10;&#x8FDB;&#x589E;&#x5F3A;&#xFF1F;">&#x4EC0;&#x4E48;&#x53EB;&#x4F18;&#x96C5;&#x964D;&#x7EA7;&#x548C;&#x6E10;&#x8FDB;&#x589E;&#x5F3A;&#xFF1F; <a href="#t91&#x4EC0;&#x4E48;&#x53EB;&#x4F18;&#x96C5;&#x964D;&#x7EA7;&#x548C;&#x6E10;&#x8FDB;&#x589E;&#x5F3A;&#xFF1F;"> # </a></h3>
<pre><code>&#x4F18;&#x96C5;&#x964D;&#x7EA7;&#xFF1A;Web&#x7AD9;&#x70B9;&#x5728;&#x6240;&#x6709;&#x65B0;&#x5F0F;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x90FD;&#x80FD;&#x6B63;&#x5E38;&#x5DE5;&#x4F5C;&#xFF0C;&#x5982;&#x679C;&#x7528;&#x6237;&#x4F7F;&#x7528;&#x7684;&#x662F;&#x8001;&#x5F0F;&#x6D4F;&#x89C8;&#x5668;&#xFF0C;&#x5219;&#x4EE3;&#x7801;&#x4F1A;&#x68C0;&#x67E5;&#x4EE5;&#x786E;&#x8BA4;&#x5B83;&#x4EEC;&#x662F;&#x5426;&#x80FD;&#x6B63;&#x5E38;&#x5DE5;&#x4F5C;&#x3002;&#x7531;&#x4E8E;IE&#x72EC;&#x7279;&#x7684;&#x76D2;&#x6A21;&#x578B;&#x5E03;&#x5C40;&#x95EE;&#x9898;&#xFF0C;&#x9488;&#x5BF9;&#x4E0D;&#x540C;&#x7248;&#x672C;&#x7684;IE&#x7684;hack&#x5B9E;&#x8DF5;&#x8FC7;&#x4F18;&#x96C5;&#x964D;&#x7EA7;&#x4E86;,&#x4E3A;&#x90A3;&#x4E9B;&#x65E0;&#x6CD5;&#x652F;&#x6301;&#x529F;&#x80FD;&#x7684;&#x6D4F;&#x89C8;&#x5668;&#x589E;&#x52A0;&#x5019;&#x9009;&#x65B9;&#x6848;&#xFF0C;&#x4F7F;&#x4E4B;&#x5728;&#x65E7;&#x5F0F;&#x6D4F;&#x89C8;&#x5668;&#x4E0A;&#x4EE5;&#x67D0;&#x79CD;&#x5F62;&#x5F0F;&#x964D;&#x7EA7;&#x4F53;&#x9A8C;&#x5374;&#x4E0D;&#x81F3;&#x4E8E;&#x5B8C;&#x5168;&#x5931;&#x6548;.

&#x6E10;&#x8FDB;&#x589E;&#x5F3A;&#xFF1A;&#x4ECE;&#x88AB;&#x6240;&#x6709;&#x6D4F;&#x89C8;&#x5668;&#x652F;&#x6301;&#x7684;&#x57FA;&#x672C;&#x529F;&#x80FD;&#x5F00;&#x59CB;&#xFF0C;&#x9010;&#x6B65;&#x5730;&#x6DFB;&#x52A0;&#x90A3;&#x4E9B;&#x53EA;&#x6709;&#x65B0;&#x5F0F;&#x6D4F;&#x89C8;&#x5668;&#x624D;&#x652F;&#x6301;&#x7684;&#x529F;&#x80FD;,&#x5411;&#x9875;&#x9762;&#x589E;&#x52A0;&#x65E0;&#x5BB3;&#x4E8E;&#x57FA;&#x7840;&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x989D;&#x5916;&#x6837;&#x5F0F;&#x548C;&#x529F;&#x80FD;&#x7684;&#x3002;&#x5F53;&#x6D4F;&#x89C8;&#x5668;&#x652F;&#x6301;&#x65F6;&#xFF0C;&#x5B83;&#x4EEC;&#x4F1A;&#x81EA;&#x52A8;&#x5730;&#x5448;&#x73B0;&#x51FA;&#x6765;&#x5E76;&#x53D1;&#x6325;&#x4F5C;&#x7528;&#x3002;
</code></pre><p>&#x8BE6;&#x89C1;&#xFF1A;[css&#x5B66;&#x4E60;&#x5F52;&#x7EB3;&#x603B;&#x7ED3;&#xFF08;&#x4E00;&#xFF09;][6]</p>
<h3 id="t92WEB&#x5E94;&#x7528;&#x4ECE;&#x670D;&#x52A1;&#x5668;&#x4E3B;&#x52A8;&#x63A8;&#x9001;Data&#x5230;&#x5BA2;&#x6237;&#x7AEF;&#x6709;&#x90A3;&#x4E9B;&#x65B9;&#x5F0F;&#xFF1F;">WEB&#x5E94;&#x7528;&#x4ECE;&#x670D;&#x52A1;&#x5668;&#x4E3B;&#x52A8;&#x63A8;&#x9001;Data&#x5230;&#x5BA2;&#x6237;&#x7AEF;&#x6709;&#x90A3;&#x4E9B;&#x65B9;&#x5F0F;&#xFF1F; <a href="#t92WEB&#x5E94;&#x7528;&#x4ECE;&#x670D;&#x52A1;&#x5668;&#x4E3B;&#x52A8;&#x63A8;&#x9001;Data&#x5230;&#x5BA2;&#x6237;&#x7AEF;&#x6709;&#x90A3;&#x4E9B;&#x65B9;&#x5F0F;&#xFF1F;"> # </a></h3>
<h3 id="t93&#x5BF9;Node&#x7684;&#x4F18;&#x70B9;&#x548C;&#x7F3A;&#x70B9;&#x63D0;&#x51FA;&#x4E86;&#x81EA;&#x5DF1;&#x7684;&#x770B;&#x6CD5;&#xFF1F;">&#x5BF9;Node&#x7684;&#x4F18;&#x70B9;&#x548C;&#x7F3A;&#x70B9;&#x63D0;&#x51FA;&#x4E86;&#x81EA;&#x5DF1;&#x7684;&#x770B;&#x6CD5;&#xFF1F; <a href="#t93&#x5BF9;Node&#x7684;&#x4F18;&#x70B9;&#x548C;&#x7F3A;&#x70B9;&#x63D0;&#x51FA;&#x4E86;&#x81EA;&#x5DF1;&#x7684;&#x770B;&#x6CD5;&#xFF1F;"> # </a></h3>
<pre><code>*&#xFF08;&#x4F18;&#x70B9;&#xFF09;&#x56E0;&#x4E3A;Node&#x662F;&#x57FA;&#x4E8E;&#x4E8B;&#x4EF6;&#x9A71;&#x52A8;&#x548C;&#x65E0;&#x963B;&#x585E;&#x7684;&#xFF0C;&#x6240;&#x4EE5;&#x975E;&#x5E38;&#x9002;&#x5408;&#x5904;&#x7406;&#x5E76;&#x53D1;&#x8BF7;&#x6C42;&#xFF0C;
  &#x56E0;&#x6B64;&#x6784;&#x5EFA;&#x5728;Node&#x4E0A;&#x7684;&#x4EE3;&#x7406;&#x670D;&#x52A1;&#x5668;&#x76F8;&#x6BD4;&#x5176;&#x4ED6;&#x6280;&#x672F;&#x5B9E;&#x73B0;&#xFF08;&#x5982;Ruby&#xFF09;&#x7684;&#x670D;&#x52A1;&#x5668;&#x8868;&#x73B0;&#x8981;&#x597D;&#x5F97;&#x591A;&#x3002;
  &#x6B64;&#x5916;&#xFF0C;&#x4E0E;Node&#x4EE3;&#x7406;&#x670D;&#x52A1;&#x5668;&#x4EA4;&#x4E92;&#x7684;&#x5BA2;&#x6237;&#x7AEF;&#x4EE3;&#x7801;&#x662F;&#x7531;javascript&#x8BED;&#x8A00;&#x7F16;&#x5199;&#x7684;&#xFF0C;
  &#x56E0;&#x6B64;&#x5BA2;&#x6237;&#x7AEF;&#x548C;&#x670D;&#x52A1;&#x5668;&#x7AEF;&#x90FD;&#x7528;&#x540C;&#x4E00;&#x79CD;&#x8BED;&#x8A00;&#x7F16;&#x5199;&#xFF0C;&#x8FD9;&#x662F;&#x975E;&#x5E38;&#x7F8E;&#x5999;&#x7684;&#x4E8B;&#x60C5;&#x3002;

*&#xFF08;&#x7F3A;&#x70B9;&#xFF09;Node&#x662F;&#x4E00;&#x4E2A;&#x76F8;&#x5BF9;&#x65B0;&#x7684;&#x5F00;&#x6E90;&#x9879;&#x76EE;&#xFF0C;&#x6240;&#x4EE5;&#x4E0D;&#x592A;&#x7A33;&#x5B9A;&#xFF0C;&#x5B83;&#x603B;&#x662F;&#x4E00;&#x76F4;&#x5728;&#x53D8;&#xFF0C;
  &#x800C;&#x4E14;&#x7F3A;&#x5C11;&#x8DB3;&#x591F;&#x591A;&#x7684;&#x7B2C;&#x4E09;&#x65B9;&#x5E93;&#x652F;&#x6301;&#x3002;&#x770B;&#x8D77;&#x6765;&#xFF0C;&#x5C31;&#x50CF;&#x662F;Ruby/Rails&#x5F53;&#x5E74;&#x7684;&#x6837;&#x5B50;&#x3002;
</code></pre><h3 id="t94&#x9664;&#x4E86;&#x524D;&#x7AEF;&#x4EE5;&#x5916;&#x8FD8;&#x4E86;&#x89E3;&#x4EC0;&#x4E48;&#x5176;&#x5B83;&#x6280;&#x672F;&#x4E48;&#xFF1F;&#x4F60;&#x6700;&#x6700;&#x5389;&#x5BB3;&#x7684;&#x6280;&#x80FD;&#x662F;&#x4EC0;&#x4E48;&#xFF1F;">&#x9664;&#x4E86;&#x524D;&#x7AEF;&#x4EE5;&#x5916;&#x8FD8;&#x4E86;&#x89E3;&#x4EC0;&#x4E48;&#x5176;&#x5B83;&#x6280;&#x672F;&#x4E48;&#xFF1F;&#x4F60;&#x6700;&#x6700;&#x5389;&#x5BB3;&#x7684;&#x6280;&#x80FD;&#x662F;&#x4EC0;&#x4E48;&#xFF1F; <a href="#t94&#x9664;&#x4E86;&#x524D;&#x7AEF;&#x4EE5;&#x5916;&#x8FD8;&#x4E86;&#x89E3;&#x4EC0;&#x4E48;&#x5176;&#x5B83;&#x6280;&#x672F;&#x4E48;&#xFF1F;&#x4F60;&#x6700;&#x6700;&#x5389;&#x5BB3;&#x7684;&#x6280;&#x80FD;&#x662F;&#x4EC0;&#x4E48;&#xFF1F;"> # </a></h3>
<h3 id="t95&#x4F60;&#x5E38;&#x7528;&#x7684;&#x5F00;&#x53D1;&#x5DE5;&#x5177;&#x662F;&#x4EC0;&#x4E48;&#xFF0C;&#x4E3A;&#x4EC0;&#x4E48;&#xFF1F;">&#x4F60;&#x5E38;&#x7528;&#x7684;&#x5F00;&#x53D1;&#x5DE5;&#x5177;&#x662F;&#x4EC0;&#x4E48;&#xFF0C;&#x4E3A;&#x4EC0;&#x4E48;&#xFF1F; <a href="#t95&#x4F60;&#x5E38;&#x7528;&#x7684;&#x5F00;&#x53D1;&#x5DE5;&#x5177;&#x662F;&#x4EC0;&#x4E48;&#xFF0C;&#x4E3A;&#x4EC0;&#x4E48;&#xFF1F;"> # </a></h3>
<h3 id="t96&#x5BF9;&#x524D;&#x7AEF;&#x754C;&#x9762;&#x5DE5;&#x7A0B;&#x5E08;&#x8FD9;&#x4E2A;&#x804C;&#x4F4D;&#x662F;&#x600E;&#x4E48;&#x6837;&#x7406;&#x89E3;&#x7684;&#xFF1F;&#x5B83;&#x7684;&#x524D;&#x666F;&#x4F1A;&#x600E;&#x4E48;&#x6837;&#xFF1F;">&#x5BF9;&#x524D;&#x7AEF;&#x754C;&#x9762;&#x5DE5;&#x7A0B;&#x5E08;&#x8FD9;&#x4E2A;&#x804C;&#x4F4D;&#x662F;&#x600E;&#x4E48;&#x6837;&#x7406;&#x89E3;&#x7684;&#xFF1F;&#x5B83;&#x7684;&#x524D;&#x666F;&#x4F1A;&#x600E;&#x4E48;&#x6837;&#xFF1F; <a href="#t96&#x5BF9;&#x524D;&#x7AEF;&#x754C;&#x9762;&#x5DE5;&#x7A0B;&#x5E08;&#x8FD9;&#x4E2A;&#x804C;&#x4F4D;&#x662F;&#x600E;&#x4E48;&#x6837;&#x7406;&#x89E3;&#x7684;&#xFF1F;&#x5B83;&#x7684;&#x524D;&#x666F;&#x4F1A;&#x600E;&#x4E48;&#x6837;&#xFF1F;"> # </a></h3>
<pre><code>&#x524D;&#x7AEF;&#x662F;&#x6700;&#x8D34;&#x8FD1;&#x7528;&#x6237;&#x7684;&#x7A0B;&#x5E8F;&#x5458;&#xFF0C;&#x6BD4;&#x540E;&#x7AEF;&#x3001;&#x6570;&#x636E;&#x5E93;&#x3001;&#x4EA7;&#x54C1;&#x7ECF;&#x7406;&#x3001;&#x8FD0;&#x8425;&#x3001;&#x5B89;&#x5168;&#x90FD;&#x8FD1;&#x3002;
    1&#x3001;&#x5B9E;&#x73B0;&#x754C;&#x9762;&#x4EA4;&#x4E92;
    2&#x3001;&#x63D0;&#x5347;&#x7528;&#x6237;&#x4F53;&#x9A8C;
    3&#x3001;&#x6709;&#x4E86;Node.js&#xFF0C;&#x524D;&#x7AEF;&#x53EF;&#x4EE5;&#x5B9E;&#x73B0;&#x670D;&#x52A1;&#x7AEF;&#x7684;&#x4E00;&#x4E9B;&#x4E8B;&#x60C5;


&#x524D;&#x7AEF;&#x662F;&#x6700;&#x8D34;&#x8FD1;&#x7528;&#x6237;&#x7684;&#x7A0B;&#x5E8F;&#x5458;&#xFF0C;&#x524D;&#x7AEF;&#x7684;&#x80FD;&#x529B;&#x5C31;&#x662F;&#x80FD;&#x8BA9;&#x4EA7;&#x54C1;&#x4ECE; 90&#x5206;&#x8FDB;&#x5316;&#x5230; 100 &#x5206;&#xFF0C;&#x751A;&#x81F3;&#x66F4;&#x597D;&#xFF0C;

 &#x53C2;&#x4E0E;&#x9879;&#x76EE;&#xFF0C;&#x5FEB;&#x901F;&#x9AD8;&#x8D28;&#x91CF;&#x5B8C;&#x6210;&#x5B9E;&#x73B0;&#x6548;&#x679C;&#x56FE;&#xFF0C;&#x7CBE;&#x786E;&#x5230;1px&#xFF1B;

 &#x4E0E;&#x56E2;&#x961F;&#x6210;&#x5458;&#xFF0C;UI&#x8BBE;&#x8BA1;&#xFF0C;&#x4EA7;&#x54C1;&#x7ECF;&#x7406;&#x7684;&#x6C9F;&#x901A;&#xFF1B;

 &#x505A;&#x597D;&#x7684;&#x9875;&#x9762;&#x7ED3;&#x6784;&#xFF0C;&#x9875;&#x9762;&#x91CD;&#x6784;&#x548C;&#x7528;&#x6237;&#x4F53;&#x9A8C;&#xFF1B;

 &#x5904;&#x7406;hack&#xFF0C;&#x517C;&#x5BB9;&#x3001;&#x5199;&#x51FA;&#x4F18;&#x7F8E;&#x7684;&#x4EE3;&#x7801;&#x683C;&#x5F0F;&#xFF1B;

 &#x9488;&#x5BF9;&#x670D;&#x52A1;&#x5668;&#x7684;&#x4F18;&#x5316;&#x3001;&#x62E5;&#x62B1;&#x6700;&#x65B0;&#x524D;&#x7AEF;&#x6280;&#x672F;&#x3002;
</code></pre><h3 id="t97&#x4F60;&#x5728;&#x73B0;&#x5728;&#x7684;&#x56E2;&#x961F;&#x5904;&#x4E8E;&#x4EC0;&#x4E48;&#x6837;&#x7684;&#x89D2;&#x8272;&#xFF0C;&#x8D77;&#x5230;&#x4E86;&#x4EC0;&#x4E48;&#x660E;&#x663E;&#x7684;&#x4F5C;&#x7528;&#xFF1F;">&#x4F60;&#x5728;&#x73B0;&#x5728;&#x7684;&#x56E2;&#x961F;&#x5904;&#x4E8E;&#x4EC0;&#x4E48;&#x6837;&#x7684;&#x89D2;&#x8272;&#xFF0C;&#x8D77;&#x5230;&#x4E86;&#x4EC0;&#x4E48;&#x660E;&#x663E;&#x7684;&#x4F5C;&#x7528;&#xFF1F; <a href="#t97&#x4F60;&#x5728;&#x73B0;&#x5728;&#x7684;&#x56E2;&#x961F;&#x5904;&#x4E8E;&#x4EC0;&#x4E48;&#x6837;&#x7684;&#x89D2;&#x8272;&#xFF0C;&#x8D77;&#x5230;&#x4E86;&#x4EC0;&#x4E48;&#x660E;&#x663E;&#x7684;&#x4F5C;&#x7528;&#xFF1F;"> # </a></h3>
<h3 id="t98&#x4F60;&#x8BA4;&#x4E3A;&#x600E;&#x6837;&#x624D;&#x662F;&#x5168;&#x7AEF;&#x5DE5;&#x7A0B;&#x5E08;&#xFF08;Full Stack developer&#xFF09;&#xFF1F;">&#x4F60;&#x8BA4;&#x4E3A;&#x600E;&#x6837;&#x624D;&#x662F;&#x5168;&#x7AEF;&#x5DE5;&#x7A0B;&#x5E08;&#xFF08;Full Stack developer&#xFF09;&#xFF1F; <a href="#t98&#x4F60;&#x8BA4;&#x4E3A;&#x600E;&#x6837;&#x624D;&#x662F;&#x5168;&#x7AEF;&#x5DE5;&#x7A0B;&#x5E08;&#xFF08;Full Stack developer&#xFF09;&#xFF1F;"> # </a></h3>
<h3 id="t99&#x4ECB;&#x7ECD;&#x4E00;&#x4E2A;&#x4F60;&#x6700;&#x5F97;&#x610F;&#x7684;&#x4F5C;&#x54C1;&#x5427;&#xFF1F;">&#x4ECB;&#x7ECD;&#x4E00;&#x4E2A;&#x4F60;&#x6700;&#x5F97;&#x610F;&#x7684;&#x4F5C;&#x54C1;&#x5427;&#xFF1F; <a href="#t99&#x4ECB;&#x7ECD;&#x4E00;&#x4E2A;&#x4F60;&#x6700;&#x5F97;&#x610F;&#x7684;&#x4F5C;&#x54C1;&#x5427;&#xFF1F;"> # </a></h3>
<h3 id="t100&#x9879;&#x76EE;&#x4E2D;&#x9047;&#x5230;&#x4EC0;&#x4E48;&#x95EE;&#x9898;&#xFF1F;&#x5982;&#x4F55;&#x89E3;&#x51B3;&#xFF1F;">&#x9879;&#x76EE;&#x4E2D;&#x9047;&#x5230;&#x4EC0;&#x4E48;&#x95EE;&#x9898;&#xFF1F;&#x5982;&#x4F55;&#x89E3;&#x51B3;&#xFF1F; <a href="#t100&#x9879;&#x76EE;&#x4E2D;&#x9047;&#x5230;&#x4EC0;&#x4E48;&#x95EE;&#x9898;&#xFF1F;&#x5982;&#x4F55;&#x89E3;&#x51B3;&#xFF1F;"> # </a></h3>
<h3 id="t101&#x4F60;&#x7684;&#x4F18;&#x70B9;&#x662F;&#x4EC0;&#x4E48;&#xFF1F;&#x7F3A;&#x70B9;&#x662F;&#x4EC0;&#x4E48;&#xFF1F;">&#x4F60;&#x7684;&#x4F18;&#x70B9;&#x662F;&#x4EC0;&#x4E48;&#xFF1F;&#x7F3A;&#x70B9;&#x662F;&#x4EC0;&#x4E48;&#xFF1F; <a href="#t101&#x4F60;&#x7684;&#x4F18;&#x70B9;&#x662F;&#x4EC0;&#x4E48;&#xFF1F;&#x7F3A;&#x70B9;&#x662F;&#x4EC0;&#x4E48;&#xFF1F;"> # </a></h3>
<h3 id="t102&#x5982;&#x4F55;&#x7BA1;&#x7406;&#x524D;&#x7AEF;&#x56E2;&#x961F;?">&#x5982;&#x4F55;&#x7BA1;&#x7406;&#x524D;&#x7AEF;&#x56E2;&#x961F;? <a href="#t102&#x5982;&#x4F55;&#x7BA1;&#x7406;&#x524D;&#x7AEF;&#x56E2;&#x961F;?"> # </a></h3>
<h3 id="t103&#x6700;&#x8FD1;&#x5728;&#x5B66;&#x4EC0;&#x4E48;&#xFF1F;&#x80FD;&#x8C08;&#x8C08;&#x4F60;&#x672A;&#x6765;3&#xFF0C;5&#x5E74;&#x7ED9;&#x81EA;&#x5DF1;&#x7684;&#x89C4;&#x5212;&#x5417;&#xFF1F;">&#x6700;&#x8FD1;&#x5728;&#x5B66;&#x4EC0;&#x4E48;&#xFF1F;&#x80FD;&#x8C08;&#x8C08;&#x4F60;&#x672A;&#x6765;3&#xFF0C;5&#x5E74;&#x7ED9;&#x81EA;&#x5DF1;&#x7684;&#x89C4;&#x5212;&#x5417;&#xFF1F; <a href="#t103&#x6700;&#x8FD1;&#x5728;&#x5B66;&#x4EC0;&#x4E48;&#xFF1F;&#x80FD;&#x8C08;&#x8C08;&#x4F60;&#x672A;&#x6765;3&#xFF0C;5&#x5E74;&#x7ED9;&#x81EA;&#x5DF1;&#x7684;&#x89C4;&#x5212;&#x5417;&#xFF1F;"> # </a></h3>

        <div class="copyright">Powered by <a href="https://github.com/jaywcjlove/idoc" target="_blank">idoc</a>. Dependence <a href="https://nodejs.org">Node.js</a> run.</div>
    </div>

</div>


</body>
</html>
